Update index.html

parent 955da10c
......@@ -9,33 +9,98 @@
<!-- 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 {
background-image: url('img/navbar.jpg');
background-repeat: repeat-x;
width: 80%;
height: 20px;
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>
</head>
<body>
<div>
<img src="img/header.jpg" width="80%" height=auto>
</div>
<div class="navbar">
<a href="index.html">HOME</a>
</div>
<div class ="main">
<div class="header">
<img src="img/header.jpg" width="80%" height=auto>
</div>
<div class="navbar">
<a href="index.html">| HOME |</a>
<a href="index.html"> IMPRESSUM |</a>
</div>
<h1>Projektportfolio</h1>
<div class="navbar">
egg1
<egg2></egg2>
</div>
<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>
<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>
</div>
<script src="https://www.google-analytics.com/analytics.js" async defer></script>
</body>
</html>
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