-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
executable file
·111 lines (91 loc) · 3.59 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
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
<!doctype html>
<html lang=en>
<head>
<meta charset="utf-8">
<title>About</title>
<link href="https://fonts.googleapis.com/css2?family=Montserrat" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100&family=Roboto+Slab" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
<h1>Studio</h1>
<nav>
<ul>
<li><a href="index.html">SERVICES</a></li>
<li><a href="portfolio.html">PORTFOLIO</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="team.html">TEAM</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</nav>
</header>
<h2>About</h2>
<p class=italic>Lorem ipsum dolor sit amet consectetur.</p>
<div id="about">
<section class="left">
<div>
<h3>2009-2011</h3>
<h4>Our Humble Beginnings</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p>
</div>
<div style="padding-top:0">
<img src="https://fit-front-end-course.s3.amazonaws.com/images-hs/studio-website/about-1.jpg" alt="2009-2011">
</div>
<div>
</div>
</section>
<section class="right">
<div>
</div>
<div>
<img src="https://fit-front-end-course.s3.amazonaws.com/images-hs/studio-website/about-2.jpg" alt="March 2011">
</div>
<div>
<h3>March 2011</h3>
<h4>An Agency is Born</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p>
</div>
</section>
<section class="left">
<div>
<h3>December 2012</h3>
<h4>Transition to Full Service</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p>
</div>
<div>
<img src="https://fit-front-end-course.s3.amazonaws.com/images-hs/studio-website/about-3.jpg" alt="December 2012">
</div>
<div>
</div>
</section>
<section class="right">
<div>
</div>
<div>
<img src="https://fit-front-end-course.s3.amazonaws.com/images-hs/studio-website/about-4.jpg" alt="July 2014">
</div>
<div>
<h3>July 2014</h3>
<h4>Phase Two Expansion</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!
Be Part Of Our Story!</p>
</div>
</section>
<section>
<div></div>
<div style="padding-bottom: 0;">
<span id="circle">
<p>Be Part of Our Story!</p>
</span>
</div>
<div></div>
</section>
</div>
<footer>
<div><p>Copyright © Your Website 2022</p></div>
<div><img src="https://fit-front-end-course.s3.amazonaws.com/images-hs/studio-website/social-icons.png" alt="social" style="width:150px;"></div>
<div><p id="terms">Privacy Policy Terms of Use</p></div>
</footer>
</body>
</html>