-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
164 lines (154 loc) · 6.41 KB
/
home.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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!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">
<meta name="description" content="Online bootcamp to start your software career full time or partime ">
<meta name="author" content="">
<title>Putboard</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Lato:400,300' rel='stylesheet' type='text/css'>
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css' rel='stylesheet' type='text/css'>
<link href="css/home.css" rel="stylesheet">
<style>
</style>
</head>
<body>
<!-- Create Board Modal -->
<div class="modal fade" id="createBoard" tabindex="-1" role="dialog" aria-labelledby="createBoardLabel">
<div class="modal-dialog add-link-dialog" role="document">
<div class="modal-content add-link-content">
<div class="modal-body">
<h4 class="modal-title"> Create a new board </h4>
<a class="close-modal" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true"><i class="fa fa-times"></i></span>
</a>
<!--- Add the form for adding link -->
<form action="" class="form-add-link">
<input type="text" placeholder="Board Name" class="form-input">
<textarea class="form-input" rows="3" cols="100" placeholder="Small Description (Optional)"></textarea>
<button type="submit" class="btn btn-lg btn-add-link">
+ Create Board
</button>
</form>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-default navbar navbar-home navbar-fixed-top header topnav" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<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="#" href="#"> <img src="img/logo_w.png" class="logo" alt="logo"></a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<div class="">
<ul class="nav navbar-nav navbar-right">
<li> <a href="#" data-toggle="modal" data-target="#addLink"> Login </a> </li>
<li class="btn-signup"> <a href="#" data-toggle="modal" data-target="#addLink"> Sign up </a> </li>
</ul>
</div>
</div>
<div class="clearfix"></div>
</nav>
<!-- Section Home -->
<section class="intro-header pos-rel">
<div class="container">
<div class="bg-gradient"></div>
<div class="row">
<div class="col-lg-12">
<div class="intro-message">
<h1 class="text-bg text-center"> Put your links into Boards </h1>
<h4 class="sec-title text-center"> Putboard is a nice way to curate links from all over the web </h4>
<div class="form-signup-header text-center">
<button class="btn btn-lg btn-submit-email"> Get Started </button>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ft-section">
<div class="row no-mar">
<div class="col-md-6 feature-img bg-greyish text-center">
<img src="img/desc1.png" alt="Organize your collections" class="img-responsive">
</div>
<div class="col-md-6 feature-content bg-white">
<div class="details">
<h3 class="title"> Curate your links </h3>
<p class="col-md-10 no-pad">
Curate all your links at one place and categorise it with tags. You can even search through your links based on title or tags.
</p>
<button class="btn btn-small btn-submit-email mar-t-20"> Get Started </button>
</div>
</div>
<div class="clearfix"></div>
</div>
</section>
<section class="ft-section">
<div class="row no-mar">
<div class="col-md-6 feature-img bg-greyish text-center">
<img src="img/desc2.png" alt="Share your links" class="img-responsive">
</div>
<div class="col-md-6 feature-content bg-white">
<div class="details">
<h3 class="title"> Share with loved ones </h3>
<p class="col-md-10 no-pad">
You can easily share your board with your loved ones. Putboard gives you options to create the private or public boards.
</p>
<button class="btn btn-small btn-submit-email mar-t-20"> Get Started </button>
</div>
</div>
<div class="clearfix"></div>
</div>
</section>
<!-- <section class="ft-section get-started">
<div class="pad-75">
<h2 class="text-center"> Explore the web </h2>
<h3 class="text-center text-white"> See how people are using Putboard in their daily life</h3>
</div>
</section> -->
<section class="ft-section get-started">
<div class="pad-75">
<h2 class="text-center"> Create your first board now </h2>
<div class="form-signup-header text-center">
<button class="btn btn-lg btn-submit-email"> Get Started </button>
</div>
</div>
</section>
<footer class="get-started footer">
<div class="container">
<ul class="footer-links">
<li class="left"> © Putboard | 2016 </li>
<li class="left"> <a href="about.html"> About </a> </li>
<li class="left"> <a href="about.html"> Terms of Service </a> </li>
<li class="left"> <a href="about.html"> Privacy </a> </li>
<li class="right"> <a href="about.html"> <i class="fa fa-facebook"></i> </a> </li>
<li class="right"> <a href="about.html"> <i class="fa fa-twitter"></i> </a> </li>
<li class="right"> <a href="about.html"> <i class="fa fa-linkedin"></i> </a> </li>
</ul>
</div>
</footer>
</body>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
$(document).ready(function(){
$('ul.tabs li').click(function(){
var tab_id = $(this).attr('data-tab');
$('ul.tabs li').removeClass('current');
$('.tab-content').removeClass('current');
$(this).addClass('current');
$("#"+tab_id).addClass('current');
if($('ul.tabs li').hasClass('.current')) {
console.log("Working");
}
})
})
</script>
</html>