-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathblogpost.html
More file actions
223 lines (217 loc) · 9.49 KB
/
blogpost.html
File metadata and controls
223 lines (217 loc) · 9.49 KB
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
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>React - Bootstrap Theme</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- stylesheets -->
<link rel="stylesheet" type="text/css" href="css/compiled/theme.css">
<link rel="stylesheet" type="text/css" href="css/vendor/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/vendor/icomoon.css">
<!-- javascript -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="js/bootstrap/bootstrap.min.js"></script>
<script src="js/theme.js"></script>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body id="blogpost">
<header class="navbar navbar-inverse normal" role="banner">
<div class="container">
<div class="navbar-header">
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="index.html" class="navbar-brand">React</a>
</div>
<nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
Home alts <b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="index.html">Home 1 (Static)</a></li>
<li><a href="index2.html">Home 2 (Sidebar menu)</a></li>
<li><a href="index3.html">Home 3 (Slider)</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
Showcase <b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="features.html">Features</a></li>
<li><a href="services.html">Services</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
Pricing <b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="pricing.html">Pricing charts</a></li>
<li><a href="charts.html">Comparison tables</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
More pages <b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="aboutus.html">About us</a></li>
<li><a href="contactus.html">Contact us</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="portfolio-item.html">Portfolio Item</a></li>
<li><a href="invoice.html">Invoice page</a></li>
<li><a href="timeline.html">Timeline Page</a></li>
<li><a href="docs.html">API Documentation</a></li>
<li><a href="support.html">Support</a></li>
<li><a href="coming-soon.html">Coming Soon</a></li>
<li><a href="status.html">Status</a></li>
<li><a href="signup.html">Sign Up & Sign In</a></li>
<li><a href="signup-rotate.html">Sign Up Miscellaneous</a></li>
<li><a href="404.html">404 Page</a></li>
</ul>
</li>
<li class="active dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
Blog <b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="blog.html">Blog </a></li>
<li><a href="blogpost.html">Blog post</a></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right visible-md visible-lg">
<li>
<a href="signup.html" class="button">Sign up free</a>
</li>
</ul>
</nav>
</div>
</header>
<div id="blogpost-wrapper">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="main-pic">
<img src="images/blogpost5.png" class="img-responsive" alt="blogpost" />
</div>
</div>
</div>
<div class="row">
<div class="col-md-10 post">
<div class="title">
A brief history of climate science gone wrong
</div>
<div class="author">
<img src="images/testimonials/testimonial3.jpg" class="avatar" alt="author" />
By Lawrence Stewart, August 16, 2013
</div>
<div class="content">
<p>
I love making the stuff, that’s sort of the core of it. I love creating the stuff. It’s so satisfying to get from the beginning to the end, from a shaky nothing idea to something that’s well formed and the audience really likes. It’s like a drug: You keep trying to do it again and again and again. I’ve learned from experience that if you work harder at it, and apply more energy and time to it, and more consistency, you get a better result. It comes from the work.
<br />
Functionality is so over-valued in design, and we’ve kept design very small in that way. Functionality is the sheer minimum. If your house burns down, what do you take? The cat in the window that you got from your mother, or the chair you have?
</p>
<p>
Some people say design is about solving problems. Obviously designers solve problems but so do dentists. Design is about <a href="#">cultural invention.</a>
</p>
<blockquote>
<p>
“We’re all naturally curious when we’re eight years old. But as most people get older, they become less and less curious, so they ask other people to be curious for them. That’s what I do for a living.”
</p>
<p class="quote-author">
Ron Miriello
</p>
</blockquote>
<p>
You have to roll up your sleeves and be a stonecutter before you can become a sculptor – command of craft always precedes art: apprentice, journeyman, master. <br />
It doesn’t matter one damn bit whether fashion is art or not. You don’t question whether an incredible chef is an artist or not – his cakes are delicious and that’s all that matters.
</p>
<div class="divider"></div>
<p>
If you want to set off and go develop some grand new thing, you don’t need millions of dollars of capitalization. You need enough pizza and Diet Coke to stick in your refrigerator, a cheap PC to work on and the dedication to go through with it.
</p>
<p>
Well you’re in your little room and you’re working on something good but if it’s really good you’re gonna need a bigger room and when you’re in the bigger room you might not know what to do you might have to think of how you got started sitting in your little room.
</p>
<p>
<img src="images/slider/slide1.png" class="img-responsive" alt="slide" />
</p>
<p>
Chances are, unless I’m a designer, I don’t know what I want. All I know is I want something functional that looks good, is comparable with my competitors, and features constant colour schemes for branding.
</p>
<p>
I’ll look at other designs that have already been created and ask for something similar. Hence, it is important that you can take the information I give and help me visualize what it is you
<a href="#">think I want.</a>
</p>
<p>
I want everything we do to be beautiful. I don’t give a damn whether the client understands that that’s worth anything, or that the client thinks it’s worth anything, or whether it is worth anything. It’s worth it to me. It’s the way I want to live my life. I want to make beautiful things, even if nobody cares.
</p>
<p>
Inspiration is hogwash. My work comes directly out of my loves and hates. Muses don’t whisper in my ear, and ideas don’t flow over my body like a cool rain.
<br />
Functionality is so over-valued in design, and we’ve kept design very small in that way. Functionality is the sheer minimum. If your house burns down, what do you take? The cat in the window that you got from your mother, or the chair you have?
</p>
</div>
<div class="share">
<img src="images/share.png" alt="share" />
</div>
<div class="other-posts">
<a href="#" class="prev">
← Learn Rails in 30 days
</a>
<a href="#" class="next pull-right">
Take care of yourself →
</a>
</div>
</div>
</div>
</div>
</div>
<div id="footer">
<div class="container">
<div class="row">
<div class="col-md-3 copyright">
React © 2014
</div>
<div class="col-md-6 menu">
<ul>
<li class="active">
<a href="features.html">Features</a>
</li>
<li>
<a href="services.html">Services</a>
</li>
<li>
<a href="pricing.html">Pricing</a>
</li>
<li>
<a href="support.html">Support</a>
</li>
<li>
<a href="blog.html">Blog</a>
</li>
</ul>
</div>
<div class="col-md-3 social">
<a href="#">
<img src="images/social/social-tw.png" alt="twitter" />
</a>
<a href="#">
<img src="images/social/social-dbl.png" alt="dribbble" />
</a>
</div>
</div>
</div>
</div>
</body>
</html>