-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtemplate.html
117 lines (108 loc) · 5.75 KB
/
template.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
<!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>
<section class="template">
<div class="template__container max-width block-padding">
<div class="template__entry">
<h1>Template</h1>
</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>