-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
180 lines (164 loc) · 7.83 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
176
177
178
179
180
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Demo Blog Post</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Lato|Tangerine:400,700" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">
<link rel="stylesheet" href="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<div class="container-fluid">
<!-- HEADER -->
<div class="row">
<div class="header text-center">
<div class="col-sm-4 col-xs-12">
<p><a href="#">VISUAL ARTS</a></p>
</div>
<div class="col-sm-4 col-sm-12">
<img src="https://media.creativemornings.com/uploads/user/avatar/120448/profile-circle.png" class="mugshot" alt="Noah Andrews Avatar">
<p class="name">Noah Andrews</p>
</div>
<div class="col-sm-4 col-xs-12">
<p class="search"><i class="fa fa-search"></i><a href="#"> SEARCH</a></p>
</div>
</div>
</div>
<!-- BLOG TITLE -->
<div class="row">
<div class="title text-center">
<div class="col-xs-10 col-xs-offset-1">
<h1>The World of Charles & Ray Eames</h1>
<small class="date">12 January 2016</small>
</div>
<div class="col-xs-2 col-xs-offset-5">
<span class="dash"></span>
</div>
</div>
</div>
<br />
<!-- BLOG POST -->
<div class="row">
<div class="col-xs-10 col-sm-6 col-xs-offset-1 col-sm-offset-3 text-justify">
<p class="content">
With a grand sense of adventure, Charles and Ray Eames turned their curiosity and boundless enthusiasm into creations that
established them as truly great husband and wife design team. Their unique synergy led to a whole new look in furniture.
Lean and modern. Playful and functional. Sleek, sophisticated, and beautifully simple. That was and is the "Eames
look".
</p>
<p class="content">
<img class="img-hero img-responsive" src="https://images.pexels.com/photos/94644/pexels-photo-94644.jpeg" alt="Furniture Design"
/>
</p>
<p class="content">
That look and their relationship with Herman Miller started with moulded plywood chairs in the late 1940s and includes the
world-renowned Eames lounge chair, now in the permanent collection of the Museum of Modern Art in New York.
</p>
<p class="content">
Charles and Ray achieved their monumental success by approaching each project the same way: Does it interest and intrigue
us? Can we make it better? Will we have "serious fun" doing it? Does it interest and intrigue us? Can we make it
better? Will we have "serious fun" doing it?
</p>
<blockquote class="quote">
<p>
“Choose your corner, pick away at it carefully, intensely, & to the best of your ability, & that way, you might change
the world.”
</p>
<footer>Charles Eames</footer>
</blockquote>
<p class="content">
They loved their work, which was a combination of art and science, design and architecture, process and product, style and
function. <q>The details are not
details</q>, said Charles. <q>They make the product</q>.
</p>
<p class="content">
A problem-solver who encouraged experimentation among his staff, Charles once said his dream was <q>to have people working on useless projects. These have the
germ of new concepts</q>.
</p>
<!-- Stacked Gallery -->
<div class="row gallery">
<div class="col-xs-12 col-sm-6 img-gallery">
<img class="img-hero img-responsive" src="https://images.pexels.com/photos/133919/pexels-photo-133919.jpeg" alt="Furniture Design"
/>
</div>
<div class="col-xs-12 col-sm-6 img-gallery">
<img class="img-hero img-responsive" src="https://images.pexels.com/photos/226378/pexels-photo-226378.jpeg" alt="Furniture Design"
/>
</div>
<div class="col-xs-12 col-sm-6 img-gallery">
<img class="img-hero img-responsive" src="https://images.pexels.com/photos/31053/pexels-photo-31053.jpg" alt="Furniture Design"
/>
</div>
<div class="col-xs-12 col-sm-6 img-gallery">
<img class="img-hero img-responsive" src="https://images.pexels.com/photos/2812/black-couch-furniture-living-room.jpg" alt="Furniture Design"
/>
</div>
</div>
<p class="content">
Their own concepts evolved over time, not overnight. As Charles noted about the developement of the Moulded Plywood Chairs,
<q>Yes, it was a flash of inspiration</q>, he said, <q>a kind
of 30-year flash</q>.
</p>
<p class="content">
With these two, one thing always seemed to lead to another. Their revolutionary work in moulded plywood led to their breakthrough
work in moulded fibreglass seating. A magazine contest led to their highly innovative "Case Study" house. Their
love of photography led to film making, including a huge seven-screen presentation at the Moscow World's Fair in
1959, in a dome designed by their friend and colleague, Buckminster Fuller.
</p>
<p class="content">
Graphic design led to showroom design, toy collecting to toy inventing. And a wooden plank contraption for taking naps, rigged
up by their friend, director Billy Wilder, led to their acclaimed chaise lounge design.
</p>
<p class="content">
A design critic once said that this extraordinary couple <q>just wanted to make the
world a better place</q>. That they did. They also made it a lot more interesting.
</p>
</div>
</div>
<!-- Comments -->
<div class="row">
<div class="col-xs-10 col-sm-6 col-xs-offset-1 col-sm-offset-3 text-center">
<span class="dash"></span>
<span class="likes"><i class="fa fa-heart"></i> 325 Likes</span>
<textarea class="form-control" rows="5" placeholder="Write a comment..."></textarea>
<p class="pull-left">
<a href="#">Bookmark</a>
<a href="#">Share</a>
<a href="#">More</a>
</p>
<p class="pull-right">
<button type="submit" name="submit" id="submit">Post Comment</button>
</p>
</div>
</div>
<!-- Footer -->
<div class="row">
<div class="footer">
<div class="col-xs-10 col-sm-6 col-xs-offset-1 col-sm-offset-3 text-center">
<div class="col-xs-12 col-sm-6">
<p><a href="#"><i class="fa fa-arrow-left"></i> PREVIOUS ARTICLE</a></p>
<small>How INSTRMNT Watches Are Made</small>
</div>
<div class="col-xs-12 col-sm-6">
<p><a href="#">NEXT ARTICLE <i class="fa fa-arrow-right"></i></a></p>
<small>The Corner House in Kitashirakawa</small>
</div>
</div>
</div>
</div>
</div>
</body>
</html>