-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
79 lines (73 loc) · 4.9 KB
/
about.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
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link href='https://fonts.googleapis.com/css?family=Droid+Sans:bold' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/css?family=Helvetica:bold,light' rel='stylesheet' type='text/css'/>
<link rel="stylesheet" href="./css/style_about.css">
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<!-- Header -->
<div class='container-fluid'>
<div class="header">
<div class="container">
<div class='row'>
<!-- Nav pulled left-->
<div class='col-md-6'>
<ul class='nav navbar-nav navbar-left' id='sitenav'>
<li><a href='./index.html'>Home</a></li>
<li class='highlight'><a href='./about.html'>About</a></li>
<li><a href='./contact.html'>Contact</li>
</ul>
</div>
<!-- social media links pulled right -->
<div class='col-md-6'>
<ul 'nav navbar-nav pull-right' id='socialnav'>
<li><a href='#'><img src='http://i.imgur.com/JcZxi95.png'></a></li>
<li><a href='#'><img src='http://i.imgur.com/Ns9jkxO.png'></a></li>
<li><a href='#'><img src='http://i.imgur.com/tGjv8U7.png'></a></li>
<li><a href='#'><img src='http://i.imgur.com/vpf1gGT.png'></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Jumbotron -->
<div class="jumbotron" id='about'>
</div>
<!-- Main -->
<div class="container-fluid">
<div class='main_about'>
<div class='row'>
<h2>About Us</h2>
</div>
<div class='row'>
<div class='col-md-6'>
<p>"Technology is a glittering lure. But there's the rare occasion when the public can be engaged on a level beyond flash, if they have a sentimental bond with the product.<br><br>
My first job, I was in-house at a fur company, with this old pro copywriter. Greek, named Teddy. And Teddy told me the most important idea in advertising is 'new'. Creates an itch. You simply put your product in there as a kind of... calamine lotion. But he also talked about a deeper bond with the product: nostalgia. It's delicate... but potent. Teddy told me that, in Greek, 'nostalgia' literally means, 'the pain from an old wound.' It's a twinge in your heart, far more powerful than memory alone.<br><br>
This device isn't a spaceship. It's a time machine. It goes backwards, forwards. It takes us to a place where we ache to go again. It's not called the Wheel. It's called a Carousel. It lets us travel the way a child travels. Around and around, and back home again... to a place where we know we are loved."<br><br>
- Don Draper <br>(pitch to Kodak, Season 1, Episode 13)
</p>
</div>
<div class='col-md-6'>
<p>"Technology is a glittering lure. But there's the rare occasion when the public can be engaged on a level beyond flash, if they have a sentimental bond with the product.<br><br>
My first job, I was in-house at a fur company, with this old pro copywriter. Greek, named Teddy. And Teddy told me the most important idea in advertising is 'new'. Creates an itch. You simply put your product in there as a kind of... calamine lotion. But he also talked about a deeper bond with the product: nostalgia. It's delicate... but potent. Teddy told me that, in Greek, 'nostalgia' literally means, 'the pain from an old wound.' It's a twinge in your heart, far more powerful than memory alone.<br><br>
This device isn't a spaceship. It's a time machine. It goes backwards, forwards. It takes us to a place where we ache to go again. It's not called the Wheel. It's called a Carousel. It lets us travel the way a child travels. Around and around, and back home again... to a place where we know we are loved."<br><br>
- Don Draper <br>(pitch to Kodak, Season 1, Episode 13)
</p>
</div>
</div>
</div>
</div>
<!-- Footer -->
<div class="container-fluid">
<div class="footer">
<div class='row'>
<h6>Copyright 2016 © Mad about Mad Men, [email protected]</h6>
</div>
</div>
</div>
</body>
</html>