-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
152 lines (140 loc) · 5.86 KB
/
contact.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-178682222-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-178682222-1');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content="">
<meta property="og:title" content=""/>
<meta property="og:description" content=""/>
<meta property="og:type" content="" />
<meta property="og:url" content=""/>
<meta property="og:image" content=""/>
<meta property="og:image:secure_url" content=""/>
<link rel="stylesheet" href="https://use.typekit.net/ipu4nba.css">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" sizes="16x16">
<link rel="stylesheet" type="text/css" href="default.css">
<title>Contact | Small Business Web Development | :webDevise</title>
</head>
<body>
<!-- Mobile Navi -->
<div class="navigation">
<input type="checkbox" class="navigation__checkbox" id="navi-toggle">
<label for="navi-toggle" class="navigation__button">
<span class="navigation__icon"> </span>
</label>
<div class="navigation__background"> </div>
<nav class="navigation__nav">
<ul class="navigation__list">
<li class="navigation__item"><a href="index" class="navigation__link">Home</a></li>
<li class="navigation__item"><a href="about" class="navigation__link">About</a></li>
<li class="navigation__item"><a href="services" class="navigation__link">Services</a></li>
<li class="navigation__item"><a href="work" class="navigation__link">Work</a></li>
<li class="navigation__item"><a href="contact" class="navigation__link">Contact</a></li>
</ul>
</nav>
</div>
<!-- Mobile Navi End -->
<!-- Header -->
<header id="header-inner">
<div class="container">
<!-- Main Navi -->
<div id="main-nav">
<!-- Logo -->
<img id="logo" class="logo" src="img/webdevise-logo-white.png" alt="webDevise logo">
<!-- Navi Menu -->
<nav>
<ul>
<li><a href="index" >Home</a></li>
<li><a href="about" >About</a></li>
<li><a href="services" >Services</a></li>
<li><a href="work" >Work</a></li>
<li><a href="contact" class="current" >Contact</a></li>
</ul>
</nav>
</div>
<h2>Contact</h2>
</div>
</header>
<!-- Section A : Contact Form -->
<section id="contact-a" class="text-center py-3">
<div class="container">
<h2 class="section-title"><span class="highlight">:Contact</span> Us</h2>
<div class="bottom-line"></div>
<p class="lead thin-font">Do you have a project in mind that you feel we could help with? We are always here to discuss potential project plans or answer any additional questions you might have. Just fill out the form below, send us an email or give us a ring to get started:</p>
<div class="contact-details">
<ul>
<li>Tel: (+44) <a href="tel:+44-03578-313-413">0753 831 3413</a></li>
<li>Email: <a href="email:info@webdevise.net">info@webdevise.net</a></li>
</ul>
</div>
<div class="contact-box">
<form action="POST" data-netlify="true">
<div class="text-fields">
<input type="text" name="name" class="text-input name-input" placeholder="Name">
<input type="email" name="email" class="text-input email-input" placeholder="Email Address">
<input type="text" name="text" class="text-input business-input" placeholder="Business">
<input type="tel" name="tel"class="text-input phone-input" placeholder="Phone">
<textarea name="message" class="text-input message-input" placeholder="Enter Message"></textarea>
</div>
<button type="submit" name="submit" class="btn btn-main">Submit</button>
</form>
</div>
</div>
</section>
<!-- PRE FOOTER -->
<section id="home-f" class="py-2">
<div class="container">
<div class="pre-footer">
<div class="item">
<img id="logo-blue" src="/img/webdevise-logo-light-blue.png" alt="webdevise alt logo">
<ul>
<li>London, UK</li>
<li><a href="email:info@webdevise.net">info@webdevise.net</a></li>
<li><a href="tel:+44-03578-313-413">+44-03578-313-413</a></li>
</ul>
</div>
<div class="item">
<h3>Navigation</h3>
<nav>
<ul class="py-1">
<li><a href="index">Home</a></li>
<li><a href="about" >About</a></li>
<li><a href="services" >Services</a></li>
<li><a href="work" >Work</a></li>
<li><a href="contact" >Contact</a></li>
</ul>
</nav>
</div>
<div class="item">
<h3>Services</h3>
<ul class="py-1">
<li>Web Design</li>
<li>Website Maintenance</li>
<li>Content Creation</li>
<li>Logo Design</li>
<li>SEO Services</li>
</ul>
</div>
</div>
</div>
</section>
<!-- FOOTER -->
<footer id="main-footer">
<div class="footer-content container">
<p>This page was 100% hand coded with 💙 by :webDevise Designs.</p>
<p>Copyright © 2020. All Rights Reserved.</p>
</div>
</footer>
<script src="https://kit.fontawesome.com/8e925122cf.js" crossorigin="anonymous"></script>
<script src="app.js"></script>
</body>
</html>