Skip to content
GitLab
Commit 8ce45e4a authored by Sven Schneider's avatar Sven Schneider
Browse files

update

parent e1c20344
Pipeline #4745 passed with stages
in 1 minute and 4 seconds
Show whitespace changes
Inline Side-by-side
public/SCD/assets/css/style.css
View file @ 8ce45e4a
......@@ -5,9 +5,11 @@
* License: https://bootstrapmade.com/license/
*/
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
:root {
scroll-behavior: smooth;
}
......@@ -27,13 +29,20 @@ a:hover {
text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Nunito", sans-serif;
}
/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
section {
padding: 60px 0;
overflow: hidden;
......@@ -69,9 +78,11 @@ section {
}
}
/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
padding: 15px 0;
background: #012970;
......@@ -109,20 +120,22 @@ section {
text-decoration: underline;
}
.breadcrumbs ol li + li {
.breadcrumbs ol li+li {
padding-left: 10px;
}
.breadcrumbs ol li + li::before {
.breadcrumbs ol li+li::before {
display: inline-block;
padding-right: 10px;
color: #8894f6;
content: "/";
}
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
position: fixed;
visibility: hidden;
......@@ -153,18 +166,22 @@ section {
opacity: 1;
}
/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
[data-aos-delay] {
transition-delay: 0 !important;
}
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header {
transition: all 0.5s;
z-index: 997;
......@@ -195,12 +212,16 @@ section {
margin-top: 3px;
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation
*/
.navbar {
padding: 0;
}
......@@ -217,7 +238,8 @@ section {
position: relative;
}
.navbar a, .navbar a:focus {
.navbar a,
.navbar a:focus {
display: flex;
align-items: center;
justify-content: space-between;
......@@ -230,13 +252,17 @@ section {
transition: 0.3s;
}
.navbar a i, .navbar a:focus i {
.navbar a i,
.navbar a:focus i {
font-size: 12px;
line-height: 0;
margin-left: 5px;
}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
color: #f1414a;
}
......@@ -284,11 +310,13 @@ section {
font-size: 12px;
}
.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
color: #4154f1;
}
.navbar .dropdown:hover > ul {
.navbar .dropdown:hover>ul {
opacity: 1;
top: 100%;
visibility: visible;
......@@ -300,7 +328,7 @@ section {
visibility: hidden;
}
.navbar .dropdown .dropdown:hover > ul {
.navbar .dropdown .dropdown:hover>ul {
opacity: 1;
top: 0;
left: 100%;
......@@ -311,16 +339,18 @@ section {
.navbar .dropdown .dropdown ul {
left: -90%;
}
.navbar .dropdown .dropdown:hover > ul {
.navbar .dropdown .dropdown:hover>ul {
left: -100%;
}
}
/**
* Mobile Navigation
*/
.mobile-nav-toggle {
color: #012970;
color: #FFF;
font-size: 28px;
cursor: pointer;
display: none;
......@@ -378,7 +408,9 @@ section {
color: #012970;
}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
color: #4154f1;
}
......@@ -410,17 +442,21 @@ section {
font-size: 12px;
}
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
color: #4154f1;
}
.navbar-mobile .dropdown > .dropdown-active {
.navbar-mobile .dropdown>.dropdown-active {
display: block;
}
/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero {
width: 100%;
height: 100vh;
......@@ -508,12 +544,16 @@ section {
}
}
/*--------------------------------------------------------------
# Index Page
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about .content {
background-color: #f6f9ff;
padding: 40px;
......@@ -564,9 +604,11 @@ section {
transform: translateX(5px);
}
/*--------------------------------------------------------------
# Values
--------------------------------------------------------------*/
.values .box {
padding: 30px;
box-shadow: 0px 0 5px rgba(1, 41, 112, 0.08);
......@@ -596,9 +638,11 @@ section {
transform: scale(1);
}
/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.counts {
padding: 70px 0 60px;
}
......@@ -633,9 +677,11 @@ section {
font-size: 14px;
}
/*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/
.features .feature-box {
padding: 24px 20px;
box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
......@@ -758,9 +804,11 @@ section {
color: #848484;
}
/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services .service-box {
box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
height: 100%;
......@@ -903,7 +951,9 @@ section {
background: #f51f9c;
}
.services .service-box:hover h3, .services .service-box:hover p, .services .service-box:hover .read-more {
.services .service-box:hover h3,
.services .service-box:hover p,
.services .service-box:hover .read-more {
color: #fff;
}
......@@ -911,9 +961,11 @@ section {
background: #fff;
}
/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.pricing .box {
padding: 40px 20px;
background: #fff;
......@@ -1010,9 +1062,11 @@ section {
color: #fff;
}
/*--------------------------------------------------------------
# F.A.Q
--------------------------------------------------------------*/
.faq .accordion-collapse {
border: 0;
}
......@@ -1041,9 +1095,11 @@ section {
border: 0;
}
/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio #portfolio-flters {
padding: 0;
margin: 0 auto 25px auto;
......@@ -1068,7 +1124,8 @@ section {
border: 1px solid #fff;
}
.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
.portfolio #portfolio-flters li:hover,
.portfolio #portfolio-flters li.filter-active {
color: #4154f1;
border-color: #4154f1;
}
......@@ -1214,9 +1271,11 @@ section {
right: 15px;
}
/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
padding-top: 40px;
}
......@@ -1261,7 +1320,7 @@ section {
font-size: 15px;
}
.portfolio-details .portfolio-info ul li + li {
.portfolio-details .portfolio-info ul li+li {
margin-top: 10px;
}
......@@ -1279,9 +1338,11 @@ section {
padding: 0;
}
/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials .testimonial-item {
box-sizing: content-box;
padding: 30px;
......@@ -1366,9 +1427,11 @@ section {
}
}
/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team {
background: #fff;
padding: 60px 0;
......@@ -1464,9 +1527,11 @@ section {
opacity: 1;
}
/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients .clients-slider .swiper-slide img {
opacity: 0.5;
transition: 0.3s;
......@@ -1493,9 +1558,11 @@ section {
background-color: #4154f1;
}
/*--------------------------------------------------------------
# Recent Blog Posts
--------------------------------------------------------------*/
.recent-blog-posts .post-box {
box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
transition: 0.3s;
......@@ -1557,9 +1624,11 @@ section {
transform: rotate(6deg) scale(1.2);
}
/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info-box {
color: #444444;
background: #fafbff;
......@@ -1633,14 +1702,16 @@ section {
animation: animate-loading 1s linear infinite;
}
.contact .php-email-form input, .contact .php-email-form textarea {
.contact .php-email-form input,
.contact .php-email-form textarea {
border-radius: 0;
box-shadow: none;
font-size: 14px;
border-radius: 0;
}
.contact .php-email-form input:focus, .contact .php-email-form textarea:focus {
.contact .php-email-form input:focus,
.contact .php-email-form textarea:focus {
border-color: #4154f1;
}
......@@ -1683,9 +1754,11 @@ section {
}
}
/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/
.blog {
padding: 40px 0 20px 0;
}
......@@ -1732,7 +1805,7 @@ section {
margin: 0;
}
.blog .entry .entry-meta ul li + li {
.blog .entry .entry-meta ul li+li {
padding-left: 20px;
}
......@@ -1849,7 +1922,7 @@ section {
display: inline-block;
}
.blog .entry .entry-footer .tags li + li::before {
.blog .entry .entry-footer .tags li+li::before {
padding-right: 6px;
color: #6c757d;
content: ",";
......@@ -2032,11 +2105,13 @@ section {
justify-content: center;
}
.blog .blog-pagination li.active, .blog .blog-pagination li:hover {
.blog .blog-pagination li.active,
.blog .blog-pagination li:hover {
background: #4154f1;
}
.blog .blog-pagination li.active a, .blog .blog-pagination li:hover a {
.blog .blog-pagination li.active a,
.blog .blog-pagination li:hover a {
color: #fff;
}
......@@ -2103,7 +2178,7 @@ section {
padding: 0;
}
.blog .sidebar .categories ul li + li {
.blog .sidebar .categories ul li+li {
padding-top: 10px;
}
......@@ -2122,7 +2197,7 @@ section {
font-size: 14px;
}
.blog .sidebar .recent-posts .post-item + .post-item {
.blog .sidebar .recent-posts .post-item+.post-item {
margin-top: 15px;
}
......@@ -2189,9 +2264,11 @@ section {
font-size: 14px;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {
background: #f6f9ff;
padding: 0 0 30px 0;
......
public/SCD/index.html
View file @ 8ce45e4a
......@@ -5,7 +5,7 @@
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>City Demonstrator Landing Page</title>
<title>iCity Demonstrator</title>
<meta content="" name="description">
<meta content="" name="keywords">
......@@ -40,70 +40,87 @@
<!-- ======= Header ======= -->
<header id="header" class="header fixed-top">
<div class="container-fluid container-xl d-flex align-items-center justify-content-between">
<!-- <div class="container-fluid container-xl d-flex align-items-center justify-content-between"> -->
<div class="col-sm-6 d-flex flex-column justify-content-center">
<div class="row">
<div class="col-lg-1 col-md-2 col-sm-2 ">
<img src="assets/img/dummy.png" alt="">
</div>
<div class="col-lg-5 col-md-4 col-sm-4">
<a href="index.html" class="logo d-flex align-items-center">
<img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" alt="">
<span>City Demonstrator</span>
</a>
</div>
<nav id="navbar" class="navbar">
<!-- <ul>
<li><a class="nav-link scrollto active" href="#hero">Home</a></li>
<li><a class="nav-link scrollto" href="#about">About</a></li>
<li><a class="nav-link scrollto" href="#services">Services</a></li>
<li><a class="nav-link scrollto" href="#portfolio">Portfolio</a></li>
<li><a class="nav-link scrollto" href="#team">Team</a></li>
<li><a href="blog.html">Blog</a></li>
<li class="dropdown"><a href="#"><span>Drop Down</span> <i class="bi bi-chevron-down"></i></a>
<div class="col-lg-5 col-md-4 col-sm-4 ">
<span style="float: right;">
<img src="https://www.dreso.com/typo3conf/ext/dreso/Resources/Public/dreso-logo.svg " style="width: 160px; padding-right:20px;" alt=" ">
<img src="assets/img/icityLogo.jpg " style="width: 130px; " alt=" ">
</span>
</div>
<div class="col-lg-1 col-md-2 col-sm-1">
<img src="assets/img/dummy.png" alt="">
</div>
</div>
<!-- <nav id="navbar " class="navbar ">
<ul>
<li><a class="nav-link scrollto active " href="#hero ">Home</a></li>
<li><a class="nav-link scrollto " href="#about ">About</a></li>
<li><a class="nav-link scrollto " href="#services ">Services</a></li>
<li><a class="nav-link scrollto " href="#portfolio ">Portfolio</a></li>
<li><a class="nav-link scrollto " href="#team ">Team</a></li>
<li><a href="blog.html ">Blog</a></li>
<li class="dropdown "><a href="# "><span>Drop Down</span> <i class="bi bi-chevron-down "></i></a>
<ul>
<li><a href="#">Drop Down 1</a></li>
<li class="dropdown"><a href="#"><span>Deep Drop Down</span> <i class="bi bi-chevron-right"></i></a>
<li><a href="# ">Drop Down 1</a></li>
<li class="dropdown "><a href="# "><span>Deep Drop Down</span> <i class="bi bi-chevron-right "></i></a>
<ul>
<li><a href="#">Deep Drop Down 1</a></li>
<li><a href="#">Deep Drop Down 2</a></li>
<li><a href="#">Deep Drop Down 3</a></li>
<li><a href="#">Deep Drop Down 4</a></li>
<li><a href="#">Deep Drop Down 5</a></li>
<li><a href="# ">Deep Drop Down 1</a></li>
<li><a href="# ">Deep Drop Down 2</a></li>
<li><a href="# ">Deep Drop Down 3</a></li>
<li><a href="# ">Deep Drop Down 4</a></li>
<li><a href="# ">Deep Drop Down 5</a></li>
</ul>
</li>
<li><a href="#">Drop Down 2</a></li>
<li><a href="#">Drop Down 3</a></li>
<li><a href="#">Drop Down 4</a></li>
<li><a href="# ">Drop Down 2</a></li>
<li><a href="# ">Drop Down 3</a></li>
<li><a href="# ">Drop Down 4</a></li>
</ul>
</li>
<li><a class="nav-link scrollto" href="#contact">Contact</a></li>
<!-- <li><a class="getstarted scrollto" href="#about">Get Started</a></li> -->
<!-- </ul> -->
<i class="bi bi-list mobile-nav-toggle"></i>
</nav>
<li><a class="nav-link scrollto " href="#contact ">Contact</a></li>
<li><a class="getstarted scrollto " href="#about ">Get Started</a></li>
</ul> -->
<i class="bi bi-list mobile-nav-toggle "></i>
<!-- </nav> -->