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

42
index.html
View File

@ -1,14 +1,14 @@
<html> <html>
<head> <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=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 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" 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/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css"> <link rel="stylesheet" type="text/css" href="css/style.css">
</head> </head>
<body> <body>
<!-- navbar --> <!-- navbar -->
<nav class="navbar navbar-default navbar-fixed-top"> <nav class="navbar navbar-default navbar-fixed-top">
<div class="container"> <div class="container">
@ -20,18 +20,18 @@
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</button> </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> </div>
<!-- Collect the nav links, forms, and other content for toggling --> <!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
<li class="active"><a href="#"><i class="fa fa-home"></i> Home</a></li> <li class="active"><a href="http://hoellen.eu/"><i class="fa fa-home"></i> Home</a></li>
<li><a href="#">Impressum</a></li> <li><a href="#" data-toggle="modal" data-target="#comingSoon">About</a></li>
</ul> </ul>
<ul class="nav navbar-nav navbar-right"> <ul class="nav navbar-nav navbar-right">
<li><a href="#">Sign Up</a></li> <li><a href="#" data-toggle="modal" data-target="#comingSoon">Sign Up</a></li>
<li><a href="#">Sign In</a></li> <li><a href="#" data-toggle="modal" data-target="#comingSoon">Sign In</a></li>
</ul> </ul>
</div><!-- /.navbar-collapse --> </div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid --> </div><!-- /.container-fluid -->
@ -44,14 +44,32 @@
<h1><i class="fa fa-h-square"></i>oellen.eu</h1> <h1><i class="fa fa-h-square"></i>oellen.eu</h1>
<h3>Hosted projects and applications</h3> <h3>Hosted projects and applications</h3>
<hr> <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>
</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/jquery-2.2.0.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script>
</body> </body>
</html> </html>