This is the codeAbility Sharing Platform! Learn more about the codeAbility Sharing Platform.

Skip to content
Snippets Groups Projects
Commit 645814fc authored by Michael Breu's avatar Michael Breu :speech_balloon:
Browse files

Weiteres Aufhübschen

parent 7d3b1b86
Branches
2 merge requests!17Initial Merge to Prepare Release 1.0.0,!1Resolve "Metadaten konsolideren"
Hide whitespace changes
Inline Side-by-side
src/main/webapp/app/layouts/main/main.component.html
+ 11
− 187
View file @ 645814fc
<!-- codeability bar --> <!-- codeability bar -->
<div id="top-space"> <div id="top-space">
<img src="/content/img/logo-top.png" alt="codeAbility" width="168px"> <img src="/content/img/logo-top.png" alt="codeAbility" width="168px">
</div> </div>
<div> <div>
<router-outlet name="navbar"></router-outlet> <router-outlet name="navbar"></router-outlet>
</div> </div>
<div class="myBar"></div> <div class="myBar"></div>
<div class="container-fluid"> <div class="container-fluid">
<div class="card jh-card"> <div class="card jh-card">
<router-outlet></router-outlet> <router-outlet></router-outlet>
</div> </div>
<jhi-footer></jhi-footer> <jhi-footer></jhi-footer>
<div class="pagewrapper">
<div class="pagewrapper">
<!-- Main content -->
<div class="container-fluid">
<h1 align="center" style="padding: 50px 0px 15px 0px;">Browse our popular content</h1>
<h4 align="center" style="margin-bottom: 50px">An optional subheadline for additional information</h4>
<div class="row">
<div class="col-sm-3">
<p style="padding-left: 30px;"><strong>Computer Science</strong></p>
<ul style="list-style-type: circle;">
<li><a href="#">Azure</a></li>
<li><a href="#">Blockchain</a></li>
<li><a href="#">C Programing</a></li>
<li><a href="#">Devops</a></li>
<li><a href="#">Django</a></li>
<li><a href="#">Full Stack Developement</a></li>
<li><a href="#">HTML 5</a></li>
<li><a href="#">Java</a></li>
<li><a href="#">JavaScript</a></li>
<li><a href="#">Python</a></li>
</ul>
</div>
<div class="col-sm-3">
<p style="padding-left: 30px;"><strong>Data Science</strong></p>
<ul style="list-style-type: circle;">
<li><a href="#">Artifical Intelligence</a></li>
<li><a href="#">Big Data</a></li>
<li><a href="#">Cloud Computing</a></li>
<li><a href="#">Computer Programing</a></li>
<li><a href="#">Data Analysis</a></li>
<li><a href="#">Data Mining</a></li>
<li><a href="#">Mashine Learning</a></li>
<li><a href="#">Power BI</a></li>
<li><a href="#">Python</a></li>
<li><a href="#">Quantum Computing</a></li>
</ul>
</div>
<div class="col-sm-3">
<p style="padding-left: 30px;"><strong>Engineering</strong></p>
<ul style="list-style-type: circle;">
<li><a href="#">Aerospace Engineering</a></li>
<li><a href="#">Biomedical Engineering</a></li>
<li><a href="#">Chemical Engineering</a></li>
<li><a href="#">Civil Engineering</a></li>
<li><a href="#">Computer Engineering</a></li>
<li><a href="#">Electrical Engineering</a></li>
<li><a href="#">Industrial Engineering</a></li>
<li><a href="#">Mechanical Engineering</a></li>
<li><a href="#">Software Engineering</a></li>
<li><a href="#">Structural Engineering</a></li>
</ul>
</div>
<div class="col-sm-3">
<p style="padding-left: 30px;"><strong>Buisness</strong></p>
<ul style="list-style-type: circle;">
<li><a href="#">Buisness Administration</a></li>
<li><a href="#">Buisness Analysis</a></li>
<li><a href="#">Corporate Finance</a></li>
<li><a href="#">Economics</a></li>
<li><a href="#">Entrepreneurship</a></li>
<li><a href="#">Finance</a></li>
<li><a href="#">Financial Literacy</a></li>
<li><a href="#">Leadership</a></li>
<li><a href="#">Project Management</a></li>
<li><a href="#">Statistics</a></li>
</ul>
</div>
</div>
<div class="row">
<div class="col-sm-3">
<p style="padding-left: 30px;"><strong>Computer Science</strong></p>
<ul style="list-style-type: circle;">
<li><a href="#">Azure</a></li>
<li><a href="#">Blockchain</a></li>
<li><a href="#">C Programing</a></li>
<li><a href="#">Devops</a></li>
<li><a href="#">Django</a></li>
<li><a href="#">Full Stack Developement</a></li>
<li><a href="#">HTML 5</a></li>
<li><a href="cards-modal.html">Java</a></li>
<li><a href="#">JavaScript</a></li>
<li><a href="#">Python</a></li>
</ul>
</div>
<div class="col-sm-3">
<p style="padding-left: 30px;"><strong>Data Science</strong></p>
<ul style="list-style-type: circle;">
<li><a href="#">Artifical Intelligence</a></li>
<li><a href="#">Big Data</a></li>
<li><a href="#">Cloud Computing</a></li>
<li><a href="#">Computer Programing</a></li>
<li><a href="#">Data Analysis</a></li>
<li><a href="#">Data Mining</a></li>
<li><a href="#">Mashine Learning</a></li>
<li><a href="#">Power BI</a></li>
<li><a href="#">Python</a></li>
<li><a href="#">Quantum Computing</a></li>
</ul>
</div>
<div class="col-sm-3">
<p style="padding-left: 30px;"><strong>Engineering</strong></p>
<ul style="list-style-type: circle;">
<li><a href="#">Aerospace Engineering</a></li>
<li><a href="#">Biomedical Engineering</a></li>
<li><a href="#">Chemical Engineering</a></li>
<li><a href="#">Civil Engineering</a></li>
<li><a href="#">Computer Engineering</a></li>
<li><a href="#">Electrical Engineering</a></li>
<li><a href="#">Industrial Engineering</a></li>
<li><a href="#">Mechanical Engineering</a></li>
<li><a href="#">Software Engineering</a></li>
<li><a href="#">Structural Engineering</a></li>
</ul>
</div>
<div class="col-sm-3">
<p style="padding-left: 30px;"><strong>Buisness</strong></p>
<ul style="list-style-type: circle;">
<li><a href="#">Buisness Administration</a></li>
<li><a href="#">Buisness Analysis</a></li>
<li><a href="#">Corporate Finance</a></li>
<li><a href="#">Economics</a></li>
<li><a href="#">Entrepreneurship</a></li>
<li><a href="#">Finance</a></li>
<li><a href="#">Financial Literacy</a></li>
<li><a href="#">Leadership</a></li>
<li><a href="#">Project Management</a></li>
<li><a href="#">Statistics</a></li>
</ul>
</div>
</div>
<!-- FULL CONTENT END--> <!-- Main content -->
</div> <!-- main content end-->
<!-- Footer -->
<div class="footer">
<div class="container-fluid">
<div class="row">
<div class="col-4">
<div class="logo-container">
<img style="padding-left: 25px; padding-top: 15px; float: left;" src="/content/img/logo-footer.png" width="128" height="auto"/>
</div>
</div>
<div class="col-8">
<div style="float: left; padding-top: 15px;">
<ul>
<li><a href="#">About codeAbility</a></li>
</ul>
</div>
<div style="float: left; padding-top: 15px;">
<ul>
<li><a href="#">About this platform</a></li>
</ul>
</div>
<div style="float: left; padding-top: 15px;">
<ul>
<li><a href="#">Disclaimer</a></li>
</ul>
</div>
<div style="float: left; padding-top: 15px;">
<ul>
<li><a href="#">Imprint</a></li>
</ul>
</div>
<div style="float: left; padding-top: 15px;">
<ul>
<li><a href="#">Privacy</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div> <!-- Wrapper End--> </div>
<jhi-page-ribbon></jhi-page-ribbon> <!-- Wrapper End-->
<jhi-page-ribbon></jhi-page-ribbon>
</div> </div>
src/main/webapp/app/layouts/navbar/navbar.component.html
+ 2
− 14
View file @ 645814fc
...@@ -114,19 +114,16 @@ ...@@ -114,19 +114,16 @@
<!-- Icon End --> <!-- Icon End -->
<span jhiTranslate="global.menu.search">Search</span></a>TODO <span jhiTranslate="global.menu.search">Search</span></a>TODO
<div class="dropdown-menu"> <div class="dropdown-menu">
<div class="search-container"> <div class="search-container dropdown-item">
<!-- Quick Search --> <!-- Quick Search -->
<form>
<h3 style="color: #b3b3b3;">Search</h3> <h3 style="color: #b3b3b3;">Search</h3>
<p style="color: #39a6ff;">Search courses and programs</p> <p style="color: #39a6ff;">Search courses and programs</p>
<p style="color: #b3b3b3;">Some text to descripte the search functions and<br>additional informations. And some more text<br>for a second line</p> <p style="color: #b3b3b3;">Some text to describe the search functions and<br>additional informations. And some more text<br>for a second line</p>
<div class="input-group mb-3"> <div class="input-group mb-3">
<input type="text" class="form-control" id="search-placeholder" placeholder="Search"> <input type="text" class="form-control" id="search-placeholder" placeholder="Search">
</div> </div>
</form>
<!-- Filter options --> <!-- Filter options -->
<form action="/action_page.php">
<div class="form-group"> <div class="form-group">
<label for="filter-options">Filter</label> <label for="filter-options">Filter</label>
<select class="form-control" id="university" name="university-list"> <select class="form-control" id="university" name="university-list">
...@@ -137,9 +134,7 @@ ...@@ -137,9 +134,7 @@
<option>Wien</option> <option>Wien</option>
</select> </select>
</div> </div>
</form>
<form action="/action_page.php">
<div class="form-group"> <div class="form-group">
<select class="form-control" id="repository" name="repository-list"> <select class="form-control" id="repository" name="repository-list">
<option value="" disabled selected>Select repository</option> <option value="" disabled selected>Select repository</option>
...@@ -149,9 +144,7 @@ ...@@ -149,9 +144,7 @@
<option>Repository 4</option> <option>Repository 4</option>
</select> </select>
</div> </div>
</form>
<form action="/action_page.php">
<div class="form-group"> <div class="form-group">
<select class="form-control" id="file-format" name="file-format"> <select class="form-control" id="file-format" name="file-format">
<option value="" disabled selected style="color: #b3b3b3;">Select file format</option> <option value="" disabled selected style="color: #b3b3b3;">Select file format</option>
...@@ -161,10 +154,8 @@ ...@@ -161,10 +154,8 @@
<option>Wien</option> <option>Wien</option>
</select> </select>
</div> </div>
</form>
<!-- Status options --> <!-- Status options -->
<form action="/action_page.php">
<div class="form-group"> <div class="form-group">
<label for="status">Status</label> <label for="status">Status</label>
<select class="form-control" id="status" name="sellist1"> <select class="form-control" id="status" name="sellist1">
...@@ -172,10 +163,8 @@ ...@@ -172,10 +163,8 @@
<option>Option 2</option> <option>Option 2</option>
</select> </select>
</div> </div>
</form>
<!-- difficulty options --> <!-- difficulty options -->
<form action="/action_page.php">
<div class="form-group"> <div class="form-group">
<label for="difficulty">Difficulty</label> <label for="difficulty">Difficulty</label>
<select class="form-control" id="difficulty" name="sellist1"> <select class="form-control" id="difficulty" name="sellist1">
...@@ -185,7 +174,6 @@ ...@@ -185,7 +174,6 @@
<option>Insane</option> <option>Insane</option>
</select> </select>
</div> </div>
</form>
</div> </div>
</div> </div>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment