bla

parent 8b754472
@charset "utf-8";
/* CSS Document */
.header {
padding-top: 50px;
width: 100%;
height:auto;
margin:0px;
margin-top: 50px;
padding: 0px;
}
.header img {
width: 100%;
height:auto;
box-shadow: 0 0 40px #101010;
}
.line{
height:1px;
background-color:white;
}
#headerlogo {
width: 14%;
z-index: 10;
height: auto;
box-shadow: 0 0 0 ;
position: absolute;
top:60px;
left: 15%;
}
.page {
background-color: #bbbbbb;
min-height: 800px;
box-shadow: 0 0 40px #101010;
}
.navbar {
margin-top: 15px;
padding-top:10px;
background: linear-gradient(to bottom, #2FA7A8, #1A4C4C);
height: 25px;
text-align: right;
color: #133536;
font-size: 11pt;
font-style: bold;
padding-right: 20px;
box-shadow: 0 0 40px #101010;
position: sticky;
}
.content{
width: 98%;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
}
.main{
margin-left: auto;
margin-right: auto;
width: 80%;
}
body{
background-color: #1F1F1F;
font-family:helvetica;
font-weight:lighter;
color: white;
}
h1
{
font-weight:lighter;
}
.contentpic{
height: auto;
margin-left: 1%;
vertical-align: middle;
box-shadow: 5 5 5px #101010;
}
a{margin-left: 10px}
.imgline{
margin-top: 1px;
margin-bottom: 1px;
padding:0px;
text-align: center;
}
a:link {
text-decoration: none;
color: #133536;
text-shadow: 2px 2px 5px #1A4C4C;
} /* unvisited link */
a:visited {
text-decoration: none;
color: #133536;
text-shadow: 2px 2px 5px #1A4C4C;
} /* visited link */
a:hover {
text-decoration: none;
color: #bbbbbb;
text-shadow: 2px 2px 4px #1A4C4C;
} /* mouse over link */
a:active {
text-decoration: none;
color: #133536;
text-shadow: 2px 2px 5px #1A4C4C;
} /* selected link */
\ No newline at end of file
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 595.3 841.9" style="enable-background:new 0 0 595.3 841.9;" xml:space="preserve">
<style type="text/css">
.st0{fill:#F5F5F5;}
</style>
<path class="st0" d="M273,556.5l-2.9-3.8c-1-1.3-2-2.5-3-3.7c-1-1.3-2-2.5-3-3.7c-1-1.2-2-2.4-3.1-3.6c-1.1-1.2-2-2.4-3.1-3.5
l-3.2-3.5l-3.3-3.3c-0.5-0.6-1.1-1.1-1.7-1.6l-1.7-1.6c-4.5-4.3-9.3-8.2-14.3-11.6l-3.8-2.5c-1.3-0.8-2.6-1.5-3.9-2.3
c-1.3-0.8-2.7-1.4-4-2.1l-2-1l-2.1-0.9c-2.7-1.2-5.5-2.2-8.4-3.2l-4.3-1.2l-0.5-0.2l-0.5-0.1l-0.9-0.2c-0.6-0.1-1.3-0.2-2-0.3
c-5.4-0.7-11.5-0.1-18,0.1c-1.7,0-3.3,0.1-5.1,0c-0.9,0-1.8-0.1-2.7-0.1c-0.5,0-0.9-0.1-1.4-0.1l-1.2-0.1c-0.5-0.1-1.1-0.1-2-0.1
c-0.3,0-0.4,0-0.8-0.1c-0.4,0-0.6-0.1-1.1-0.1c-0.5-0.1-0.9-0.2-1.4-0.3c-0.5-0.2-1.1-0.4-1.6-0.6c-0.5-0.3-1.1-0.6-1.5-0.9
c-0.4-0.3-0.9-0.7-1.3-1.1c-0.6-0.7-1.3-1.4-1.6-2c-0.2-0.3-0.4-0.7-0.6-0.9l-0.4-0.8c-0.3-0.6-0.5-1-0.7-1.5
c-1.5-3.7-2.3-6.7-3.2-9.9c-0.9-3.1-1.7-6.2-2.5-9.4c-3.2-12.5-5.9-24.9-8.7-37.3c-2.8-12.3-5.5-24.5-9-36.4
c-3.5-11.9-7.5-23.4-12.7-34.3c-2.6-5.4-5.6-10.6-8.8-15.5c-3.2-4.9-6.8-9.6-10.8-13.9l-6.6-7.1l8-5.3c6-4,13.3-7.1,20.9-8.1
c3.8-0.6,7.6-0.5,11.3-0.2c1.8,0.2,3.6,0.5,5.4,0.8c1.7,0.4,3.5,0.8,5.2,1.2c6.8,1.9,13,4.6,18.9,7.6c5.9,3,11.5,6.3,17,9.7
l-7.1,12.1c-5.4-3-10.9-5.8-16.4-8.3c-5.5-2.5-11-4.6-16.4-6c-5.4-1.4-10.7-1.8-15.6-1c-4.9,0.8-9.6,2.7-14.1,5.8l1.4-12.4
c4.7,5,8.9,10.3,12.7,15.9c3.7,5.6,7,11.5,9.9,17.5c5.8,12,10.1,24.5,13.5,37c3.4,12.5,6.1,25.1,8.6,37.6
c2.4,12.5,4.7,24.9,7.5,37.1c0.7,3,1.4,6.1,2.1,9.1c0.8,3,1.5,6.1,2.3,8.3c0.1,0.2,0.2,0.6,0.3,0.7l0.1,0.3c0,0.1,0,0.1,0.1,0.1
c0,0.1,0-0.1-0.2-0.1c-0.1-0.1-0.2-0.2-0.4-0.3c-0.1-0.1-0.3-0.2-0.5-0.3c-0.2-0.1-0.3-0.1-0.5-0.2c-0.1,0-0.1,0-0.2,0
c0,0,0.1,0,0.1,0c0,0,0.3,0,0.4,0c0.7,0.1,1.7,0.1,2.7,0.3l2.1,0.3c0.7,0.1,1.3,0.2,2,0.2c1.4,0.1,2.9,0.2,4.4,0.2
c6.1,0.2,12.8,0,19.9,1.3c0.9,0.2,1.8,0.4,2.7,0.6l1.4,0.4l0.7,0.2l0.6,0.2l4.7,1.8c3.1,1.3,6.2,2.7,9.1,4.4
c5.9,3.2,11.4,7,16.4,11.3c5,4.3,9.5,9.1,13.7,14.1C260.7,534,267.4,545.1,273,556.5z"/>
<path class="st0" d="M281.5,533c-8.2-8.8-15.9-18-23.9-26.8c-4-4.4-8.1-8.6-12.3-12.7c-4.2-4-8.5-7.9-13.1-11.3
c-4.5-3.4-9.2-6.5-14.2-9.1c-5-2.6-10.1-4.8-15.5-6.6l-2.1-0.7l-1.1-0.4c-0.4-0.1-0.8-0.3-1.4-0.5c-0.2-0.1-0.3-0.1-0.5-0.2
l-0.3-0.1l-0.4-0.2c-0.2-0.1-0.7-0.4-1.3-0.9c-0.2-0.2-0.5-0.4-0.7-0.7c-0.3-0.3-0.3-0.3-0.8-1c-0.4-0.6-0.7-1.3-0.9-2
c-0.1-0.5-0.1-0.2-0.1-0.4c-0.1-0.4-0.1-0.8-0.2-1.1c0-0.3-0.1-0.6-0.1-1c-0.1-1.2-0.1-2.2-0.1-3c0-1.8,0.2-3.3,0.2-4.8
c0.1-1.5,0.2-2.9,0.2-4.3c0.1-2.8,0.1-5.5,0-8.3l-0.5-8.7c-1.8-23.1-6.6-46.1-12.8-68.7c-6.2-22.6-14-44.9-21.9-67.3l0,0l-4.3-11.9
l11.9,2.4c12,2.4,23.9,6,35.1,11c11.2,5.1,21.8,11.7,31.1,19.7c9.4,8,17.5,17.3,24.2,27.4c6.7,10.1,12.1,21,16.5,32.2
c8.7,22.4,13.4,45.9,16.3,69.4c2.9,23.5,3.9,47.1,4.2,70.7l-0.3,0c-1.5-23.5-3.6-47-7.6-70.2c-4-23.1-9.8-46-19.2-67.1
c-4.7-10.6-10.4-20.7-17.1-29.9c-6.8-9.2-14.7-17.4-23.6-24.3c-8.9-6.9-18.8-12.5-29.3-16.6c-10.5-4.1-21.5-6.9-32.7-8.5l7.7-9.5
l0,0c9.7,22,18.1,44.7,24.7,68.1c6.5,23.4,11.2,47.6,12.2,72.2c0.1,3.1,0.1,6.2,0.2,9.2c0.1,3.1-0.1,6.4-0.4,9.6
c-0.2,3.1-0.7,6.3-0.9,8.8c0,0.3,0,0.6,0,0.8l0,0.3c0,0.1,0,0.2,0,0.3c0,0.1,0,0.1,0,0.2c0,0,0,0,0,0c0-0.1,0.1,0.2-0.1-0.2
c-0.2-0.6-0.4-1.3-0.8-1.9c-0.5-0.7-0.5-0.6-0.7-0.9c-0.2-0.2-0.4-0.4-0.6-0.6c-0.4-0.4-0.8-0.6-0.8-0.6l-0.2-0.1l0,0
c-0.1,0,0,0,0,0c0.1,0.1,0.4,0.2,0.7,0.3l1,0.4l2.1,0.8c5.8,2.3,11.6,5.2,16.9,8.6c5.4,3.4,10.4,7.4,15,11.6
c4.6,4.2,8.8,8.8,12.7,13.6c2,2.4,3.8,4.8,5.6,7.2c1.8,2.5,3.5,5,5.2,7.5C269.7,512.1,275.6,522.5,281.5,533z"/>
<path class="st0" d="M257.5,355.3c5.7-9.9,11.6-19.9,18-29.6c6.3-9.7,13.1-19.3,20.6-28.4c7.5-9.1,15.7-17.7,24.9-25.4
c9.2-7.7,19.4-14.4,30.4-19.6l8.8-4.1l1.7,9.5c4.4,24.4,8.8,48.8,13.9,72.9c2.6,12.1,5.2,24.3,7.6,36.5c1.2,6.1,2.4,12.2,3.6,18.4
c0.6,3.1,1.1,6.2,1.5,9.5c0.1,0.8,0.2,1.7,0.3,2.5c0.1,0.9,0.2,1.7,0.2,3.1l0,0.6l0,0.3c0,0,0,0.1,0,0.2l0,0.3
c-0.1,0.4-0.2,0.9-0.3,1.3c-0.1,0.3-0.4,1.1-0.7,1.6c-0.3,0.6-0.7,1.2-1.2,1.6l-0.3,0.3l-0.6,0.6c-0.7,0.6-1.3,1.2-1.9,1.7
c-4.8,4.2-9.4,8.2-13.8,12.3c-2.2,2-4.4,4.1-6.4,6.1c-0.5,0.5-1,1-1.5,1.5l-0.7,0.8l-0.6,0.7c-0.4,0.4-0.9,1.1-1.3,1.7l-1.4,1.8
c-7.3,9.6-13.9,19.7-19.3,30.5c-5.5,10.9-10.5,22.2-15.4,33.6c-4.9,11.4-9.9,22.9-15.4,34c3.5-12,6.6-24,10.1-35.9
c3.5-12,7.3-23.9,11.9-35.7c2.3-5.9,5-11.8,8-17.4c3-5.7,6.3-11.2,9.9-16.5l1.3-2c0.5-0.7,0.9-1.3,1.5-2.1l0.8-1.1l0.8-1
c0.6-0.7,1.1-1.3,1.7-1.9c2.2-2.5,4.5-4.8,6.8-7c4.5-4.4,9.3-8.6,13.7-12.8c0.6-0.5,1.1-1,1.5-1.4l0.2-0.2l0.1-0.1
c-0.3,0.3-0.6,0.7-0.8,1.2c-0.5,1.1-0.5,1.3-0.6,1.9l0,0.2c0,0.1,0,0.1,0,0.1l0,0c0,0,0,0,0,0c0-0.1,0-0.9-0.1-1.5
c-0.1-0.7-0.2-1.4-0.3-2.1c-0.4-2.9-0.9-5.9-1.5-8.9c-1.1-6-2.4-12.1-3.6-18.1c-2.5-12.1-5.2-24.2-7.9-36.3
c-5.3-24.4-10-48.9-14.3-73.4l10.5,5.4c-9.7,4.5-18.8,10.5-27.1,17.5c-8.4,7-16,14.9-23.1,23.5c-7.1,8.5-13.7,17.6-19.9,26.9
c-6.2,9.4-13.9,22-19.8,31.7L257.5,355.3z"/>
<path class="st0" d="M323.7,548.9c10.2-24.1,22.3-47.4,35.3-70c3.2-5.7,6.5-11.4,10.2-17c1.8-2.8,3.7-5.6,5.7-8.3c1-1.4,2-2.7,3-4.1
c1.2-1.5,2.3-2.8,3.4-4.1c4.4-5,8.9-9.7,13.4-14.5c2.2-2.4,4.4-4.7,6.6-7.1c1.1-1.2,2.1-2.4,3.2-3.5c1-1.2,2-2.4,2.7-3.3
c0.2-0.2,0.3-0.5,0.3-0.5c0,0-0.1,0.1-0.3,0.5c-0.1,0.2-0.2,0.4-0.2,0.6c0,0.1-0.1,0.5-0.2,0.7c0,0.3-0.1,0.6-0.1,0.8
c0,0.7,0.1,1.4,0.3,2.1c0.3,0.9,0.3,0.7,0.2,0.7l-0.1-0.1l-1-2.3l-1.9-4.6c-1.2-3.1-2.4-6.2-3.6-9.3c-1.2-3.1-2.3-6.3-3.3-9.7
c-0.3-0.8-0.5-1.7-0.7-2.6l-0.6-2.4l-1.3-4.7l-10.1-37.7c-1.6-6.4-3.2-12.9-4.5-19.3c-1.4-6.5-2.6-13-3.6-19.6
c-2-13.2-3.3-26.5-3.4-40l10.6,6.7c-3.3,1.4-6.6,2.9-9.9,4.4c-1.7,0.8-3.3,1.5-4.9,2.3c-1.6,0.8-3.2,1.6-4.7,2.3l-6.9-12.2
c1.7-1.1,3.4-2,5.1-2.9c1.7-0.9,3.4-1.8,5-2.7c3.4-1.7,6.7-3.4,10.3-5l10.1-4.7l0.5,11.4c0.5,12.6,2,25.2,4,37.8
c2.1,12.6,4.7,25.1,7.9,37.5l9.4,37.9l1.1,4.8l0.6,2.4c0.2,0.7,0.3,1.4,0.5,2.2c0.8,2.9,1.7,5.9,2.7,8.9c1,3,2.1,6,3.2,9l1.7,4.5
l0.9,2.2l0.1,0.1c0,0,0-0.2,0.3,0.8c0.2,0.7,0.3,1.5,0.3,2.2c0,0.3,0,0.7-0.1,1c0,0.3-0.1,0.7-0.2,0.9c-0.1,0.3-0.2,0.6-0.3,0.9
c-0.4,0.8-0.6,1.2-0.8,1.6c-0.4,0.7-0.8,1.1-1.1,1.5c-1.3,1.6-2.5,2.8-3.6,4.1c-1.2,1.2-2.3,2.4-3.5,3.6c-2.3,2.3-4.7,4.6-7,6.9
L390,453.6c-1.1,1.1-2.2,2.2-3.1,3.2c-1,1.2-2,2.4-3.1,3.6c-2,2.4-4,4.9-5.9,7.5c-3.8,5.1-7.5,10.4-11.1,15.8
c-14.7,21.4-28.9,43.2-42.6,65.4L323.7,548.9z"/>
</svg>
......@@ -8,99 +8,52 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Place favicon.ico in the root directory -->
<style type="text/css">
.header{
padding-top: 15px;
width: 125%;
height:auto;
margin:0px;
}
.line{
height:1px;
background-color:white;
}
.navbar {
margin-top: -5px;
padding-top:10px;
background-color:#34dbdc;
height: 30px;
text-align: right;
}
.content{
width: 98%;
margin-left: auto;
margin-right: auto;
}
.main{
margin-left: auto;
margin-right: auto;
width: 80%;
}
body{
background-color: #0f0f0f;
font-family:verdana;
font-weight:lighter;
color: white;
}
h1
{
font-weight:lighter;
}
img{
height: auto;
}
a:link {
text-decoration: none;
color: black;
} /* unvisited link */
a:visited {
text-decoration: none;
color: black;
} /* visited link */
a:hover {
text-decoration: none;
color: black;
} /* mouse over link */
a:active {
text-decoration: none;
color: black;
} /* selected link */
</style>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/index.js"></script>
</head>
<body>
<div class ="main">
<div class="header">
<img src="img/header.jpg" width="80%" height=auto>
<img src="img/header.png" width="80%" height=auto>
<img src="img/logo.svg" width="80%" height=auto id="headerlogo">
</div>
<div class="page">
<div class="navbar">
<a href="index.html">| HOME |</a>
<a href="index.html"> IMPRESSUM |</a>
<a href="index.html"> Join </a>
<a href="index.html"> Login </a>
<a href="index.html"> Impressum </a>
</div>
<h1>Projektportfolio<div class="line"></div></h1>
<section class = "content">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</section>
<a href=""> </a>
<div class="content">
<img src="img/content/c1.jpg" width="auto" height="100px">
<img src="img/content/c2.jpg" width="20%" height=100px>
<img src="img/content/c3.jpg" width="20%" height=100px>
<img src="img/content/c4.jpg" width="20%" height=100px>
<img src="img/content/c5.png" width="20%" height=100px>
<img src="img/content/c6.jpg" width="20%" height=100px>
<img src="img/content/c7.jpg" width="20%" height=100px>
<img src="img/content/c8.jpg" width="20%" height=100px>
<div class="content">
<div class="imgline">
<img src="img/content/c1.jpg" width="23%" class="contentpic">
<img src="img/content/c2.jpg" width="23%" class="contentpic">
<img src="img/content/c3.jpg" width="23%" class="contentpic">
<img src="img/content/c4.jpg" width="23%" class="contentpic">
</div>
<div class="imgline">
<img src="img/content/c5.png" width="23%" class="contentpic">
<img src="img/content/c6.jpg" width="23%" class="contentpic">
<img src="img/content/c7.jpg" width="23%" class="contentpic">
<img src="img/content/c8.jpg" width="23%" class="contentpic">
</div>
<div class="imgline">
<img src="img/content/c9.jpg" width="23%" class="contentpic">
<img src="img/content/c10.jpg" width="23%" class="contentpic">
<img src="img/content/c11.jpg" width="23%" class="contentpic">
<img src="img/content/c12.jpg" width="23%" class="contentpic">
</div>
<div class="imgline">
<img src="img/content/c13.jpg" width="23%" class="contentpic">
<img src="img/content/c14.png" width="23%" class="contentpic">
<img src="img/content/c15.jpg" width="23%" class="contentpic">
<img src="img/content/c16.jpg" width="23%" class="contentpic">
</div>
</div>
</div>
<script src="https://www.google-analytics.com/analytics.js" async defer></script>
</div>
</body>
</html>
$( document ).ready(function() {
$(".contentpic").mouseenter(enlarge);
$(".contentpic").mouseleave(revert);
});
function enlarge()
{
$(event.target).css("box-shadow", " 0 0 40px #101010");
$(".contentpic").css("width", "21%");
$(event.target).css("z-index", "3");
$(event.target).css("width", "30%");
}
function revert()
{
$(".contentpic").css("width", "23%");
$(event.target).css("box-shadow", " 0 0 0");
$(event.target).css("z-index", "0");
}
\ No newline at end of file
This diff is collapsed.
Markdown is supported
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