hoellen/hoellen.eu
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

bugfixing. added comingSoon modal.

Browse Source
This commit is contained in:
Roman Höllen 2016-02-06 02:11:42 +01:00
parent 3d6f7fda81
commit e83be8f0ba
2 changed files with 32 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
css/style.css
View File

@ -4,7 +4,7 @@ html {
}
body {
background: url(../img/background.jpg);
background: url("../img/background.jpg");
background-size: cover;
/*background-position: 0px -50px;*/
font-family: Lato;
@ -29,4 +29,4 @@ hr {
width: 400px;
border-top: 1px solid #f8f8f8;
border-bottom: 1px solid rgba(0,0,0,0.2);
}
}

42
index.html
View File

@ -1,14 +1,14 @@
<html>
<head>
<title>Willkommen - hoellen.eu</title>
<title>Willkommen - hoellen.eu</title>
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<!-- navbar -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
@ -20,18 +20,18 @@
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><i class="fa fa-h-square"></i> oellen.eu</a>
<a class="navbar-brand" href="http://hoellen.eu/"><i class="fa fa-h-square"></i> oellen.eu</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="#"><i class="fa fa-home"></i> Home</a></li>
<li><a href="#">Impressum</a></li>
<li class="active"><a href="http://hoellen.eu/"><i class="fa fa-home"></i> Home</a></li>
<li><a href="#" data-toggle="modal" data-target="#comingSoon">About</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Sign Up</a></li>
<li><a href="#">Sign In</a></li>
<li><a href="#" data-toggle="modal" data-target="#comingSoon">Sign Up</a></li>
<li><a href="#" data-toggle="modal" data-target="#comingSoon">Sign In</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
@ -44,14 +44,32 @@
<h1><i class="fa fa-h-square"></i>oellen.eu</h1>
<h3>Hosted projects and applications</h3>
<hr>
<button class="btn btn-default btn-lg"><i class="fa fa-info-circle"></i> Coming Soon!</button>
<button class="btn btn-default btn-lg" data-toggle="modal" data-target="#comingSoon"><i class="fa fa-info-circle"></i> Coming Soon!</button>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="comingSoon" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="myModalLabel">Coming Soon!</h4>
</div>
<div class="modal-body">
This site is in beta stadium and still in development. Please come later and see again. Thanks for your comprehension!
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery-2.2.0.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</body>
</html>
</html>