forked from aseelalmutareb/BeaverON
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
160 lines (158 loc) · 5.88 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/769286/jquery.waitforimages.min.js"></script>
<link rel="stylesheet" href="style.css" />
<script
src="https://kit.fontawesome.com/040851079e.js"
crossorigin="anonymous"
></script>
<title>BEAVER ON WEBSITE</title>
</head>
<body>
<div id="preloader"></div>
<!-- NAVBAR START HERE-->
<header class="text-gray-600 body-font">
<div
class="container mx-auto flex flex-wrap p-4 flex-col md:flex-row items-center"
>
<a
href="index.html"
class="flex title-font font-medium items-center text-gray-900 mb-4 md:mb-0"
>
<img class="logoImg" src="./img/logo.png" alt="logoBeaver" />
</a>
<nav
class="md:ml-auto flex flex-wrap items-center text-base justify-center"
>
<a class="navLink mr-5 hover:text-gray-900" href="about.html"
>About</a
>
<a class="navLink mr-5 hover:text-gray-900" href="services.html"
>Services</a
>
<a class="navLink mr-5 hover:text-gray-900" href="careers.html"
>Careers</a
>
<a class="navLink mr-5 hover:text-gray-900" href="contact.html"
>Contact</a
>
<a href="./freeAudit.html" class="navLink mr-5 hover:text-gray-900"
>Free Audit</a
>
</nav>
</div>
</header>
<!-- NAVBAR ENDS -->
<!-- Banner Starts Here -->
<main>
<div class="video__wrapper">
<video
src="./video/beaver-on4k.mp4"
class="videoBanner"
autoplay
loop
muted
></video>
</div>
<!-- REQUEST A PROPOSAL START -->
<div class="speech-bubble-wrapper" id="speechBubble">
<div class="speech-bubble-ds">
<p><strong>REQUEST A PROPOSAL</strong></p>
<div class="speech-bubble-ds__arrow"></div>
</div>
</div>
<!-- REQUEST A PROPOSAL END -->
<!-- PROPOSAL FORM START -->
<div id="proposalForm">
<h1>Request a Proposal</h1>
<small>Fill Out Our Form & We'll be in Touch Shortly</small>
<form action="#">
<input placeholder="First Name *" type="text" required />
<input placeholder="Last Name *" type="text" required />
<input placeholder="Email *" type="email" required />
<input placeholder="Phone *" type="tel" required />
<input placeholder="Company *" type="text" required />
<textarea placeholder="Project Details *"></textarea>
<input class="proposalFormSubmit" type="submit" />
<input class="proposalFormReset" type="reset" />
</form>
</div>
<!-- PROPOSAL FORM END -->
<div class="about-index">ABOUT</div>
<!-- about new start -->
<section class="body-font">
<div
class="container mx-auto flex px-5 py-24 md:flex-row flex-col items-center"
>
<div
class="lg:flex-grow md:w-1/2 lg:pr-24 md:pr-16 flex flex-col md:items-start md:text-left mb-16 md:mb-0 items-center text-center"
>
<p class="about-p mb-8 leading-relaxed">
Award-winning, top-rated, New York-based global digital agency
highlighting <i>website design</i> and <i>development</i>, Beaver
GO has the combined strategy, creativity, and intelligence to
deliver and boost all <i>digital marketing</i> channels and
technology.
</p>
<p class="about-p mb-8 leading-relaxed">
Its focus from the transformational business web, digital, and
marketing solutions, to the production of distinctive performance
in transforming client's needs and goals towards branding,
<i>social media</i>
positioning, rich PR connections and campaigns, eCommerce, SEO
enhancements, and maximizing online presence into desired results
and top ROI.
</p>
<p class="about-p mb-8 leading-relaxed">
The Beavers are a core team of marketing experts and website
developers from around the globe, who build strong pillars of
service, ready to serve round-the-clock. Our full-time staff of 35
is supplemented by an extended network that brings further
in-depth knowledge skills, and perspectives to our wide range of
services.
</p>
</div>
</div>
</section>
<!-- about new ends -->
<!-- SERVICES START HERE -->
<div class="about-index">OUR SERVICES</div>
<div class="wrapper_for_services">
<div class="container__animation">
<div
class="panel"
style="background-image: url(./img/media/media1.png)"
>
<h3>Performance and Analytics</h3>
</div>
<div
class="panel"
style="background-image: url(./img/media/media2.png)"
>
<h3>Web Development</h3>
</div>
<div
class="panel"
style="background-image: url(./img/media/media3.png)"
>
<h3>Campaigns and Ads</h3>
</div>
<div
class="panel"
style="background-image: url(./img/media/media4.png)"
>
<h3>Performance & Analytics</h3>
</div>
</div>
</div>
<!-- -->
</main>
<script src="./app.js"></script>
</body>
</html>