-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
115 lines (103 loc) · 4.99 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
<!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">
<title>WritersBloc</title>
<link rel="stylesheet" href="/bower_components/bootswatch/yeti/bootstrap.min.css">
<link rel="stylesheet" href="/css/index.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">WritersBloc</a>
</div>
<ul class="nav navbar-nav navbar-left">
<li><a href="#">Explore</a></li>
<li><a href="#">Tags</a></li>
<li><a href="#">Trending</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#" data-toggle="modal" data-target="#logInModal">Log In</a></li>
<li><a href="#" data-toggle="modal" data-target="#signUpModal">Sign Up</a></li>
</ul>
</div>
</div>
<section id="head" data-speed="4" data-type="background">
<div class="container">
<div class="jumbotron">
<h1 class="text-center">WritersBloc</h1>
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
<button class="btn btn-inverse" type="button">Go!</button>
</span>
</div>
</div>
</div>
</section>
<section id="about">
<div class="container">
<div class="row">
<div class="col-lg-4">
<h2 class="text-center">About</h2>
<p>Lorem ipsum Incididunt consequat Duis aliqua dolor ut esse in in do proident enim tempor aute nulla amet ullamco magna ad ex laborum non aute nulla magna fugiat tempor eu laboris incididunt mollit laboris enim minim sunt est ad cupidatat aliqua in
veniam cillum velit dolor aliqua ea commodo ut velit in incididunt consequat labore occaecat ut Duis exercitation aliquip Duis ullamco proident Ut id aute adipisicing pariatur esse deserunt quis do aute ullamco tempor exercitation et tempor nostrud
veniam ad fugiat nisi sint ex commodo ullamco fugiat quis reprehenderit labore velit voluptate pariatur tempor.</p>
</div>
<div class="col-lg-4">
<h2 class="text-center">Goals</h2>
<p>Nulla in reprehenderit velit cillum Ut laboris id consequat cupidatat magna Excepteur aute sunt ex deserunt magna Excepteur occaecat sunt nisi tempor cupidatat occaecat ut eiusmod nulla consequat ad incididunt est tempor laboris consectetur cupidatat
esse laborum qui labore id sint eu nisi deserunt tempor deserunt Ut eiusmod commodo Ut dolor exercitation irure sit ut eiusmod esse cillum dolor et anim aliquip ullamco culpa aute tempor deserunt incididunt.</p>
</div>
<div class="col-lg-4">
<h2 class="text-center">Support</h2>
<p>Incididunt consequat Duis aliqua dolor ut esse in in do proident enim tempor aute nulla amet ullamco magna ad ex laborum non aute nulla magna fugiat tempor eu laboris incididunt mollit laboris enim minim sunt est ad cupidatat aliqua in veniam cillum
velit dolor aliqua ea commodo ut velit in incididunt consequat labore occaecat ut Duis exercitation aliquip Duis ullamco proident Ut id aute adipisicing pariatur esse deserunt quis do aute ullamco tempor exercitation et tempor nostrud veniam ad
fugiat nisi sint ex commodo ullamco fugiat quis reprehenderit labore velit voluptate pariatur tempor nulla dolore qui minim veniam Duis labore Excepteur aliquip culpa laboris elit pariatur aliquip deserunt proident enim velit proident cupidatat
aute nisi aliquip dolor irure non.</p>
</div>
</div>
</div>
</section>
<footer class="footer">
<hr>
<div class="container">
<p class="text-right">Copyright 2015 All Rights Reserved</p>
</div>
</footer>
<div class="modal fade" tabindex="-1" role="dialog" id="logInModal">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Log In</h4>
</div>
<div class="modal-body" align="center">
<form>
<div class="form-group">
<label for="exampleInputEmail1">Username:</label>
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Username">
</div>
<div class="form-group">
<label for="exampleInputEmail1">Password:</label>
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Password">
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
</div>
</div>
</div>
</div>
<script src="/bower_components/jquery/dist/jquery.min.js"></script>
<script src="/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="/js/main.js"></script>
</body>
</html>