-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
177 lines (168 loc) · 9.48 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
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>WIP Woolard Marketing</title>
<meta name="description" content="">
<meta name="author" content="SitePoint">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="Woolard Marketing">
<meta property="og:type" content="website">
<meta property="og:url" content="">
<meta property="og:description" content="">
<meta property="og:image" content="image.png">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<!-- Vendor files -->
<!-- + Normalize -->
<link href="https://cdn.jsdelivr.net/npm/normalize.css@8.0.1/normalize.css" rel="stylesheet">
<!-- + Font Awesome -->
<link href="vendor/fontawesome-free/css/fontawesome.css" rel="stylesheet">
<link href="vendor/fontawesome-free/css/brands.css" rel="stylesheet">
<link href="vendor/fontawesome-free/css/solid.css" rel="stylesheet">
<!-- + Jquery -->
<script type="text/javascript" src="vendor/jquery-3.6.1.min.js"></script>
<!-- + Bootstrap -->
<link rel="stylesheet" href="vendor/bootstrap/css/bootstrap-grid.min.css">
<link rel="stylesheet" href="scss/wm-styles.min.css">
</head>
<body>
<div class="page-body">
<div class="nav__container">
<div class="nav">
<div class="nav__logo">
<a href="index.html"><img src="img/wm-logo.png" alt="Woolard Marketing Logo"></a>
</div>
<div class="nav__button"><i class="fa-solid fa-bars"></i></div>
<ul class="nav__menu">
<li class="nav__menu__item"><a href="index.html" id="nav--home" class="">Home</a></li>
<li class="nav__menu__item"><a href="about.html" id="nav--about" class="">About</a></li>
<li class="nav__menu__item"><a href="services.html" id="nav--services" class="">Services</a></li>
<li class="nav__menu__item"><a href="works.html" id="nav--work" class="">Works</a></li>
<li class="nav__menu__item"><a href="contact.html" id="nav--contact" class="">Contact</a></li>
</ul>
</div>
</div>
<div class="landing">
<div class="hero hero--medium">
<div class="img-fluid">
<img src="img/darrelhoemann-champaign-photo.png" alt="">
</div>
<div class="hero__headline">
<div class="max-width block-padding ">
<h1 class="0mp text-shadow--drop-shadow"></h1>
</div>
</div>
</div>
<section class="ideas">
<div class="ideas__container max-width block-padding">
<div>
<h3 class="0mp text-color--red">About Us</h3>
<p>Here at Woolard Marketing, we foster connection and relationships. We are the connection between every touchpoint you need to make your business stand out. Based in Champaign-Urbana, Illinois we have access to an abundant pool of talent
from our rapidly growing city and the University of Illinois, we collaborate with the best of the best to get you the best results for your budget.</p>
</div>
</div>
</section>
<section class="ideas" style="display:none;">
<div class="ideas__container max-width block-padding">
<div class="ideas__entry ideas__entry--reverse ideas__entry--one-fourth">
<div class="ideas__entry__media">
</div>
<div class="ideas__entry__text ideas__entry__text--text-left">
<h3 class="0mp text-color--red">About Us</h3>
<p>Here at Woolard Marketing, we foster connection and relationships. We are the connection between every touchpoint you need to make your business stand out. Based in Champaign-Urbana, Illinois we have access to an abundant pool of
talent from our rapidly growing city and the University of Illinois, we collaborate with the best of the best to get you the best results for your budget.</p>
</div>
</div>
</div>
</section>
<section class="ideas background-gray">
<div class="ideas__container max-width block-padding">
<div class="ideas__entry ideas__entry--one-fourth">
<div class="ideas__entry__media">
<div class="aspect-img aspect-img--square">
<div class="img-fluid"><img src="https://images.pexels.com/photos/977840/pexels-photo-977840.jpeg" alt=""></div>
</div>
</div>
<div class="ideas__entry__text ideas__entry__text--text-left">
<h3 class="0mp text-color--red">Meet Bonnie</h3>
<strong>Consultant, Creator and Author</strong>
<p>The foundations of our brand. As the president and founder of Woolard Marketing, Bonnie has built a company from the ground up- a true reflection of her own personal values. "I don't believe in smoke and mirrors and there is no magic
bullet." Her work is built around authenticity, connection, and inspiration. Over 30 years of experience and 100 clients lead to a unique client experience shaped by knowledge only time in the industry can bring. Whatever Bonnie builds,
it is built to last.</p>
</div>
</div>
</div>
</section>
<section class="ideas">
<div class="ideas__container max-width block-padding">
<div class="ideas__entry ideas__entry--reverse ideas__entry--one-fourth">
<div class="ideas__entry__media">
<div class="aspect-img aspect-img--square">
<div class="img-fluid"><img src="https://images.pexels.com/photos/10599967/pexels-photo-10599967.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1" alt="" class="bottom"></div>
</div>
</div>
<div class="ideas__entry__text ideas__entry__text--text-left">
<h3 class="0mp text-color--red">Since 1992,</h3>
<p>we have focused on developing and executing strategies that are authentic and enduring. Whether you're just starting your business, adapting to a new market, or need switch up your strategy, we will work with you to get the job done.
</p>
</div>
</div>
</div>
</section>
<section class="contact">
<div class="contact__container max-width block-padding">
<h3 class="contact__title">Ready? Let's Chat.</h3>
<form class="contact__form" role="form" method="post" action="contact-form.php">
<div class="contact__form__section">
<fieldset class="contact__form__section__field contact__form__section__field--name"><input class="contact__form__section__field__input" placeholder="Name" id="name" name="name" type="text" tabindex="1" required></fieldset>
<fieldset class="contact__form__section__field contact__form__section__field--email"><input class="contact__form__section__field__input" placeholder="Email Address" id="email" name="email" type="email" tabindex="2" required></fieldset>
<fieldset class="contact__form__section__field contact__form__section__field--phone"><input class="contact__form__section__field__input" placeholder="Phone Number" id="phone" name="phone" type="tel" tabindex="3" required></fieldset>
<fieldset class="contact__form__section__field contact__form__section__field--company"><input class="contact__form__section__field__input" placeholder="Company" id="company" name="company" type="text" tabindex="4" required></fieldset>
<div class="contact__form__section__field contact__form__section__field--text"><textarea class="contact__form__section__field__text" placeholder="Tell us about your project" id="message" name="message" tabindex="5" required></textarea>
</div>
<div class="contact__form__section__field contact__form__section__field--break"> </div>
<fieldset class="contact__form__section__field contact__form__section__field--submit"><button class="contact__form__section__field__button" name="submit" type="submit" role="button" id="contact-submit" data-submit="...Sending"
tabindex="6">Submit</button></fieldset>
<div id="form-messages" class="h3 success" style="text-align:center;"></div>
</div>
</form>
</div>
</section>
<footer class="footer">
<div class="footer__container max-width block-padding">
<div class="footer__entry" id="logo">
<div class="img-fluid img-fluid--height"><img src="img/wm-logo-square.png" alt=""></div>
</div>
<div class="footer__entry" id="brand"><strong>Think BIGGER. Create BETTER.</strong>
</div>
<div class="footer__entry" id="contact">
<strong>Woolard Marketing</strong>
<li>10 E Taylor</li>
<li>Champaign, IL</li>
</div>
<div class="footer__entry" id="bonnie">
<li><strong>Bonnie Woolard</strong></li>
<li><a href="#">(217) XXX-XXXX</a></li>
<li><a href="mailto:#">bonnie@woolardmarketing.com</a></li>
</div>
<div class="footer__entry" id="links">
<li><strong>Quick Links</strong></li>
<li><a href="#">Home</a></li>
<li><a href="#">Who We Are</a></li>
<li><a href="#">What We Do</a></li>
<li><a href="#">Our Work</a></li>
<li><a href="#">Contact</a></li>
</div>
</div>
</footer>
<script type="text/javascript" src="js/nav.js"></script>
<script>
jQuery(document).ready(function() {
jQuery("a#nav--about").addClass("active");
});
</script>
</div>
</body>