-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
116 lines (101 loc) · 12.4 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title>Webspiration</title>
<!-- Bootstrap core CSS -->
<!-- <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">-->
<link href="css/bootstrap-theme.css" rel="stylesheet">
<link href="css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/sticky-footer-navbar.css" rel="stylesheet">
<!-- FONTS -->
<link href="fonts/webfonts_Dagerotypos/Dagerotypos.css" type="text/css" charset="utf-8">
</head>
<body>
<!-- Fixed navbar -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><span style="color: #FF5A14"><</span><span class="brand-font"> Webspiration </span><span style="color: #FF5A14">></span> </a>
</div>
<div id="navbar" class="collapse navbar-collapse navbar-right">
<ul class="nav navbar-nav">
<!-- <li ><a href="#">Home</a></li>-->
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
<!-- ===== Working Buttons ======
>>>>>>> 4577888cffa7ab92de3e9e04e959a687af91008d
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Webspiration</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li class="dropdown-header">Nav header</li>
<li><a href="#">Separated link</a></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<!-- Begin page content -->
<div class="container">
<div class="page-header">
<h1><span style="color: #FF5A14"><</span> Webspiration <span style="color: #FF5A14">></span> </h1>
<h3>begins here...</h3>
</div>
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec velit libero, pharetra quis finibus quis, dapibus et magna. Fusce euismod lacinia nisi eget sollicitudin. Sed laoreet vestibulum augue, eget molestie ligula tempor pharetra. Sed ultrices orci maximus orci malesuada, nec tincidunt felis rhoncus. Cras bibendum, quam sed commodo posuere, tellus mauris tempus massa, quis viverra lectus sapien ut arcu. In vitae dictum arcu. Duis placerat tortor a faucibus efficitur. Integer efficitur fermentum dignissim. Vestibulum consequat rhoncus elementum.</p>
<p>Sed in dui tellus. Nullam placerat, ante eget luctus ultrices, diam dui laoreet nisl, non condimentum risus arcu sed purus. Pellentesque molestie porta suscipit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vel iaculis elit, id sagittis augue. Pellentesque cursus ipsum pretium felis fringilla, et pharetra eros accumsan. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed gravida a erat eu iaculis. Duis a tortor id augue euismod egestas. Nullam eleifend mi faucibus nulla tincidunt, at fringilla dui volutpat. Nam dapibus viverra lectus non porttitor.</p>
<p>Aliquam egestas erat at tellus tempus, ut ullamcorper turpis laoreet. Curabitur et nulla eu nisl interdum mollis. Morbi consequat felis quis velit mollis tincidunt. Nunc arcu dui, laoreet a fringilla a, iaculis eu enim. Etiam felis est, lacinia vel risus vel, efficitur lobortis diam. Ut sed lacus hendrerit urna congue gravida et sed quam. Pellentesque quis tortor id purus tincidunt hendrerit et vitae tellus. Praesent diam nisi, porttitor in elementum quis, pellentesque sodales metus. Pellentesque venenatis pharetra dolor non fermentum. Pellentesque ultrices tortor vitae felis sollicitudin, sit amet pretium enim auctor. In sit amet nibh a enim ultrices gravida. Donec ultricies augue id commodo auctor. Phasellus nulla leo, venenatis id velit convallis, volutpat rhoncus massa. Curabitur scelerisque sagittis diam sed convallis.</p>
<p>Aliquam egestas erat at tellus tempus, ut ullamcorper turpis laoreet. Curabitur et nulla eu nisl interdum mollis. Morbi consequat felis quis velit mollis tincidunt. Nunc arcu dui, laoreet a fringilla a, iaculis eu enim. Etiam felis est, lacinia vel risus vel, efficitur lobortis diam. Ut sed lacus hendrerit urna congue gravida et sed quam. Pellentesque quis tortor id purus tincidunt hendrerit et vitae tellus. Praesent diam nisi, porttitor in elementum quis, pellentesque sodales metus. Pellentesque venenatis pharetra dolor non fermentum. Pellentesque ultrices tortor vitae felis sollicitudin, sit amet pretium enim auctor. In sit amet nibh a enim ultrices gravida. Donec ultricies augue id commodo auctor. Phasellus nulla leo, venenatis id velit convallis, volutpat rhoncus massa. Curabitur scelerisque sagittis diam sed convallis.</p>
<p>Aliquam egestas erat at tellus tempus, ut ullamcorper turpis laoreet. Curabitur et nulla eu nisl interdum mollis. Morbi consequat felis quis velit mollis tincidunt. Nunc arcu dui, laoreet a fringilla a, iaculis eu enim. Etiam felis est, lacinia vel risus vel, efficitur lobortis diam. Ut sed lacus hendrerit urna congue gravida et sed quam. Pellentesque quis tortor id purus tincidunt hendrerit et vitae tellus. Praesent diam nisi, porttitor in elementum quis, pellentesque sodales metus. Pellentesque venenatis pharetra dolor non fermentum. Pellentesque ultrices tortor vitae felis sollicitudin, sit amet pretium enim auctor. In sit amet nibh a enim ultrices gravida. Donec ultricies augue id commodo auctor. Phasellus nulla leo, venenatis id velit convallis, volutpat rhoncus massa. Curabitur scelerisque sagittis diam sed convallis.</p>
<p>Aliquam egestas erat at tellus tempus, ut ullamcorper turpis laoreet. Curabitur et nulla eu nisl interdum mollis. Morbi consequat felis quis velit mollis tincidunt. Nunc arcu dui, laoreet a fringilla a, iaculis eu enim. Etiam felis est, lacinia vel risus vel, efficitur lobortis diam. Ut sed lacus hendrerit urna congue gravida et sed quam. Pellentesque quis tortor id purus tincidunt hendrerit et vitae tellus. Praesent diam nisi, porttitor in elementum quis, pellentesque sodales metus. Pellentesque venenatis pharetra dolor non fermentum. Pellentesque ultrices tortor vitae felis sollicitudin, sit amet pretium enim auctor. In sit amet nibh a enim ultrices gravida. Donec ultricies augue id commodo auctor. Phasellus nulla leo, venenatis id velit convallis, volutpat rhoncus massa. Curabitur scelerisque sagittis diam sed convallis.</p>
<p>Aliquam egestas erat at tellus tempus, ut ullamcorper turpis laoreet. Curabitur et nulla eu nisl interdum mollis. Morbi consequat felis quis velit mollis tincidunt. Nunc arcu dui, laoreet a fringilla a, iaculis eu enim. Etiam felis est, lacinia vel risus vel, efficitur lobortis diam. Ut sed lacus hendrerit urna congue gravida et sed quam. Pellentesque quis tortor id purus tincidunt hendrerit et vitae tellus. Praesent diam nisi, porttitor in elementum quis, pellentesque sodales metus. Pellentesque venenatis pharetra dolor non fermentum. Pellentesque ultrices tortor vitae felis sollicitudin, sit amet pretium enim auctor. In sit amet nibh a enim ultrices gravida. Donec ultricies augue id commodo auctor. Phasellus nulla leo, venenatis id velit convallis, volutpat rhoncus massa. Curabitur scelerisque sagittis diam sed convallis.</p>
<p>Aliquam egestas erat at tellus tempus, ut ullamcorper turpis laoreet. Curabitur et nulla eu nisl interdum mollis. Morbi consequat felis quis velit mollis tincidunt. Nunc arcu dui, laoreet a fringilla a, iaculis eu enim. Etiam felis est, lacinia vel risus vel, efficitur lobortis diam. Ut sed lacus hendrerit urna congue gravida et sed quam. Pellentesque quis tortor id purus tincidunt hendrerit et vitae tellus. Praesent diam nisi, porttitor in elementum quis, pellentesque sodales metus. Pellentesque venenatis pharetra dolor non fermentum. Pellentesque ultrices tortor vitae felis sollicitudin, sit amet pretium enim auctor. In sit amet nibh a enim ultrices gravida. Donec ultricies augue id commodo auctor. Phasellus nulla leo, venenatis id velit convallis, volutpat rhoncus massa. Curabitur scelerisque sagittis diam sed convallis.</p>
<p>Aliquam egestas erat at tellus tempus, ut ullamcorper turpis laoreet. Curabitur et nulla eu nisl interdum mollis. Morbi consequat felis quis velit mollis tincidunt. Nunc arcu dui, laoreet a fringilla a, iaculis eu enim. Etiam felis est, lacinia vel risus vel, efficitur lobortis diam. Ut sed lacus hendrerit urna congue gravida et sed quam. Pellentesque quis tortor id purus tincidunt hendrerit et vitae tellus. Praesent diam nisi, porttitor in elementum quis, pellentesque sodales metus. Pellentesque venenatis pharetra dolor non fermentum. Pellentesque ultrices tortor vitae felis sollicitudin, sit amet pretium enim auctor. In sit amet nibh a enim ultrices gravida. Donec ultricies augue id commodo auctor. Phasellus nulla leo, venenatis id velit convallis, volutpat rhoncus massa. Curabitur scelerisque sagittis diam sed convallis.</p>
<p>Aliquam egestas erat at tellus tempus, ut ullamcorper turpis laoreet. Curabitur et nulla eu nisl interdum mollis. Morbi consequat felis quis velit mollis tincidunt. Nunc arcu dui, laoreet a fringilla a, iaculis eu enim. Etiam felis est, lacinia vel risus vel, efficitur lobortis diam. Ut sed lacus hendrerit urna congue gravida et sed quam. Pellentesque quis tortor id purus tincidunt hendrerit et vitae tellus. Praesent diam nisi, porttitor in elementum quis, pellentesque sodales metus. Pellentesque venenatis pharetra dolor non fermentum. Pellentesque ultrices tortor vitae felis sollicitudin, sit amet pretium enim auctor. In sit amet nibh a enim ultrices gravida. Donec ultricies augue id commodo auctor. Phasellus nulla leo, venenatis id velit convallis, volutpat rhoncus massa. Curabitur scelerisque sagittis diam sed convallis.</p>
</div>
<footer class="footer">
<div class="container">
<p class="text-muted">Place sticky footer content here.</p>
<p class="text-muted"><span style="color: #FF5A14"><</span> <span style="font-family: 'Dagerotypos'; font-size:30px; color:black">Webspiration</span><span style="color: #FF5A14">></span> 2015, all rights reserved. have you seen a webspiring design? <a herf="#">contact us</a></p>
</div>
</footer>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
</body>
</html>