-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathabout.html
162 lines (126 loc) · 5.39 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
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
---
title: About
order: 2
---
<div class="py-5 mb-5 bg-white">
<div class="container">
<h1 class="font-weight-light text-center mt-5">About Us</h1>
<div class="row mt-3 mb-5">
<div class="col-md-6 col-centered lead text-center">
This is an opportunity to differntiate yourself from the competition. Tell a story that resonates with your audience. It should be interesting, informative, and personable. Give them a reason to fall in love your brand
</div>
</div>
<img class="img-fluid my-5" src="img/[email protected]">
<div class="row font-weight-light text-center mt-3">
<div class="col-md col-sm-4">
<p class="text-primary font-weight-bold">Larry Borden</p>
CEO
</div>
<div class="col-md col-sm-4">
<p class="text-primary font-weight-bold">Jim Smith</p>
Project Manager
</div>
<div class="col-md col-sm-4">
<p class="text-primary font-weight-bold">Linda Holtz</p>
Account Manager
</div>
<div class="col-md col-sm-4 mt-md-0 mt-sm-5">
<p class="text-primary font-weight-bold">Sue Lister</p>
UI Designer
</div>
<div class="col-md col-sm-4 mt-md-0 mt-sm-5">
<p class="text-primary font-weight-bold">Bob Gretz</p>
Senioer Developer
</div>
<div class="col-md col-sm-4 mt-md-0 mt-sm-5">
<p class="text-primary font-weight-bold">Monica Wolster</p>
CFO
</div>
</div>
</div>
</div>
<div class="bg-dark text-white my-5 py-5" style="background:url('img/[email protected]') no-repeat center center; background-size: cover">
<div class="container p-5">
<p class="text-center text-muted my-5">
<i class="fa fa-5x fa-trophy"></i>
</p>
<h2 class="text-center font-weight-light mb-5"><em>
This is who you are, what you value, and what you offer. This should inspire people, invoke action, and give sense of excellence.
</em></h2>
</div>
</div>
<div class="my-5 py-5 bg-white">
<div class="container">
<div class="row">
<div class="col-md-6 mb-5">
<img class="img-fluid" src="img/[email protected]">
</div>
<div class="col-md-6 px-5">
<h1 class="font-weight-light text-primary">Contact Us</h1>
<p class="lead">We would love to here from you</p>
<div class="row text-primary lead mb-3">
<div class="col-1">
<i class="fa fa-phone"></i>
</div>
<div class="col">
(555) 555-5555 ex 55
</div>
</div>
<div class="row text-primary lead mb-3">
<div class="col-1">
<i class="fa fa-envelope"></i>
</div>
<div class="col">
</div>
</div>
<div class="row text-primary lead mb-5">
<div class="col-1">
<i class="fa fa-map-marker"></i>
</div>
<div class="col">
345 West Main Blvd<br>
New Yourk City, NY 55555
</div>
</div>
<div class="row lead">
<a class="text-gray mr-2" href="https://youtube.com">
<i class="fa fa-2x fa-youtube-square"></i>
</a>
<a class="text-gray mr-2" href="https://facebook.com">
<i class="fa fa-2x fa-facebook-square"></i>
</a>
<a class="text-gray mr-2" href="https://instagram.com">
<i class="fa fa-2x fa-instagram"></i>
</a>
<a class="text-gray mr-2" href="https://twitter.com">
<i class="fa fa-2x fa-twitter-square"></i>
</a>
<a class="text-gray mr-2" href="https://linkedin.com">
<i class="fa fa-2x fa-linkedin-square"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="py-4 bg-primary text-white">
<div class="container mb-4">
<div class="row pt-3">
<div class="col-md-2 text-center">
<img class="img-fluid" src="img/[email protected]">
</div>
<div class="col-md-8 px-5 pt-lg-3 mt-sm-5 mt-md-0">
<h2 class="font-weight-light">Beacon Lead Magnet</h2>
<p class="lead">
A great cta is persuasive, creates a sense of urgency, and is action oriented.
</p>
<form class="form-inline">
<input type="text" class="form-control font-weight-light mr-lg-2 mb-2 border col-lg-4 col-sm-12" placeholder="First Name">
<input type="text" class="form-control font-weight-light mr-lg-2 mb-2 border col-lg-5 col-sm-12" placeholder="Email">
<button type="submit" class="btn btn-secondary text-white font-weight-light mb-sm-2 col">Download</button>
</form>
</div>
</div>
</div>
</div>