-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
175 lines (151 loc) · 6.34 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
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
165
166
167
168
169
170
171
172
173
174
175
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Jumpstart</title>
<!-- favicon -->
<link rel="shortcut icon" href="resources/favicon.png" type="image/x-icon">
<link rel="icon" href="resources/favicon.png" type="image/x-icon">
<!-- google fonts -->
<link href="https://fonts.googleapis.com/css?family=Monoton|Open+Sans:400,600,700" rel="stylesheet">
<!-- reset css -->
<link href="resources/css/reset_plus.css" type="text/css" rel="stylesheet">
<!-- bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<!-- slick -->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/kenwheeler/[email protected]/slick/slick.css"/>
<link href="resources/css/style.css" type="text/css" rel="stylesheet">
<!-- javascript -->
<!-- jquery-3-1-1.min.js -->
<script
src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>
<!-- slick.js -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/kenwheeler/[email protected]/slick/slick.min.js"></script>
<!-- local js -->
<script type="text/javascript" src="resources/js/main.js"></script>
</head>
<body>
<!-- fixed to top menu -->
<nav id="nav" class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Explore</a></li>
<li><a href="#">Start a project</a></li>
<li><a href="#">About Us</a></li>
</ul>
<img id="logo" class=" navbar-brand navbar-right collapse navbar-collapse" src="resources/images/logo.png" />
</div>
</nav>
<!-- banner/jumbotron -->
<div class="carousel">
<div class="jumbotron jumbotron-bike">
<div class="container-fluid">
<h1>Get Going.</h1>
<p>Jumpstart your startup with some crowdsourced seen money, or support one of our 300,000,000+ creators and get rewards.</p>
</div>
</div>
<div class="jumbotron jumbotron-bottles">
<div class="container-fluid">
<h1>GET THINKING.</h1>
<p>Meet like-minded individuals who will help fuel your creative juices.</p>
</div>
</div>
<div class="jumbotron jumbotron-duffel">
<div class="container-fluid">
<h1>GET CREATING.</h1>
<p>Stop overthinking projects and begin putting them out into the world.</p>
</div>
</div>
<div class="jumbotron jumbotron-flowers">
<div class="container-fluid">
<h1>GET STARTED.</h1>
<p>What are you waiting for? Today's the day for your next big idea.</p> </div>
</div>
</div>
<div class="relative-container">
<a href="#" class="btn btn-primary btn-lg cta">Jump in</a>
</div>
<!-- featured project -->
<section id="featured" class="container">
<div class="row">
<h3 class="col-xs-12">Featured projects</h3>
</div>
<div class="row">
<article class="col-xs-12 col-md-6 image-container">
<img src="resources/images/featured-project.png" alt="little red house with snowy mountains" />
</article>
<article class="col-xs-6 col-md-3 documentary-desc">
<h4>DeFrost: A Documentary</h4>
<p class="byline">by Leo De Firenze</p>
<p>DeFrost is a documentary about growing up in a little red house in a cold, harsh valley. This is a story about my mother's childhood. This film attempts to capture vignettes of her upbringing — her family, friends, pets, and eventual depature from a freezing valley in Northern Italy — through beautiful cinematography and narration.</p>
</article>
<article class="col-xs-6 col-md-3 categories">
<h4>Product Categories</h4>
<ul>
<li>Art</li>
<li>Books</li>
<li>Crystals</li>
<li>Design</li>
<li>Doodles</li>
<li>Deedlybobs</li>
<li>Farming</li>
<li>Gadgets</li>
<li>Hoverboards</li>
<li>Jams, Jellies, Etc.</li>
<li>Magazines</li>
<li>Plants</li>
<li>Snakes & Snake Equipment</li>
<li>Tables</li>
<li>Ventriliquist Figures</li>
<li>Yoyos</li>
</ul>
</article>
</div>
</section>
<!-- projects -->
<section id="projects" class="container">
<h3>Projects</h3>
<div class="row">
<article class="col-md-4">
<div class="image-container">
<img class="projects-img" src="resources/images/project1.png" />
</div>
<div>
<h4>The Right Tights</h4>
<p class="byline">by Riley Mae</p>
<p>These tights are 50 denier, beautifully constructed, hand-dyed, and guaranteed to last (no more ladders!). Made with high quality, completely toxic-free materials. Custom colors available to all backers.</p>
</div>
</article>
<article class="col-md-4">
<div class="image-container">
<img class="projects-img" src="resources/images/project2.png" />
</div>
<div>
<h4>Peppermint Smart Home</h4>
<p class="byline">by Brian McDonald</p>
<p>Instantly upgrade your home with technology that keeps your family and home safe. We've made Peppermint easy to use. Just talk to your phone and Peppermint will help you every step of the way.</p>
</div>
</article>
<article class="col-md-4">
<div class="image-container">
<img class="projects-img" src="resources/images/project3.png" />
</div>
<div>
<h4>American Streetlife</h4>
<p class="byline">by Patrick Wallace</p>
<p>I've been traveling around the United States for the past two years. I've slept on hundreds of couches, more than a few benches, and captured my experiences in this 120 page photo album.</p>
</div>
</article>
</div>
</section>
<!-- having trouble? -->
<section id="trouble" class="container-fluid">
<h2>Having trouble thinking of an idea?</h2>
<p>Inventors' block strikes at the worst times. But that's all changed with Jumpstart's Good Idea Generator Lite (GIGLi).</p>
<a href="#" class="btn btn-primary btn-lg cta">Learn more</a>
</section>
</body>
</html>