-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
206 lines (204 loc) · 9.03 KB
/
index.html
File metadata and controls
206 lines (204 loc) · 9.03 KB
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
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Adverting</title>
<link rel="stylesheet" href="slick/slick.css">
<link rel="stylesheet" href="slick/slick-theme.css">
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Poppins:400,600,700" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<!-- live reload -->
<script>
document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')
</script>
<!-- end of live reload -->
</head>
<body>
<header>
<div class="wrap">
<div class="logo">Adverting</div>
<nav class="nav-responsible">
<ul>
<li><a href="#1">Home</a></li>
<li><a href="#2">About</a></li>
<li><a href="#3">Services</a></li>
<li><a href="#4">Team</a></li>
<li><a href="#5">More</a></li>
</ul>
</nav>
<nav class="nav">
<ul>
<li><a href="#1">Home</a></li>
<li><a href="#2">About</a></li>
<li><a href="#3">Services</a></li>
<li><a href="#4">Team</a></li>
<li><a href="#5">More</a></li>
</ul>
</nav>
<input type="button" class="call_btn" value="Call us">
</div>
</header>
<section class="slider_section" id="1">
<div class="wrap sliderbox">
<div class="slider">
<div class="slide">
We'll Promote
<img src="img/slider_logo.png" alt="">
<span>With a long resume of helping hundreds of companies across all industries in their promo activities of all kinds, we consider ourselves the best!</span>
</div>
<div class="slide">
We'll Promote
<img src="img/slider_logo.png" alt="">
<span>With a long resume of helping hundreds of companies across all industries in their promo activities of all kinds, we consider ourselves the best!</span>
</div>
<div class="slide">
We'll Promote
<img src="img/slider_logo.png" alt="">
<span>With a long resume of helping hundreds of companies across all industries in their promo activities of all kinds, we consider ourselves the best!</span>
</div>
</div>
</div>
</section>
<section class="about" id="2">
<h1>About Us</h1>
<div class="sub_h1">Welcome to the About Us section of our agency website. This is where we’d usually tell you we care more about results then awards. Here agencies also usually brag about their unique station at the intersection of specialized expertise and a generalist approach and give themselves a ‘thumbs up’ for having a perfect blend of big agency resources and small agency nimbleness.</div>
<div class="about__video"></div>
</section>
<section class="about_advantages">
<div class="wrap">
<div class="advantage">
<div class="icons advIcon_1"></div>
<div class="advantage__caption">Decades of
Experience</div>
<div class="advantage__text">We are a US leading global communications marketing firm, enhanced by more than a hundred of talented employees.</div>
</div>
<div class="advantage">
<div class="icons advIcon_2"></div>
<div class="advantage__caption">Team of <br>
Skilled Pros</div>
<div class="advantage__text">Led by few seasoned advertising industry pros, our agency delivers innovative solutions across all the mediums available nowadays.</div>
</div>
<div class="advantage">
<div class="icons advIcon_3"></div>
<div class="advantage__caption">We Love
Challenges!</div>
<div class="advantage__text">Our ultimate goal and passion are about helping brands to meet the ever-shifting needs of communities and cultures.</div>
</div>
<div class="advantage">
<div class="icons advIcon_4"></div>
<div class="advantage__caption">Huge Works
Portfolio</div>
<div class="advantage__text">Over all those years, we’ve designed and implemented some of the most iconic and now industry-standard digital business solutions.</div>
</div>
</div>
</section>
<section class="services" id="3">
<h1>Services We Offer</h1>
<div class="sub_h1">Over the years of being in the industry, we've made sure to have a lineup of services.</div>
<div class="wrap">
<div class="service servIcon_1">
<div class="service__caption">Content Marketing</div>
<div class="service__text">When it comes to digital marketing, one cannot underestimate the importance of the content. This is why we have a team of professional...</div>
</div>
<div class="service servIcon_2">
<div class="service__caption">Media Buying</div>
<div class="service__text">Our agency offers comprehensive media buying across a majority of modern information mediums... Newspapers, Printed Billboards, TV...</div>
</div>
<div class="service servIcon_3">
<div class="service__caption">Digital</div>
<div class="service__text">Using the new media in a successful way is all about crafting a conversation that generates leads and sales for your company.</div>
</div>
<div class="service servIcon_4">
<div class="service__caption">Creative Advertising</div>
<div class="service__text">Creating content, images and big ideas for your next advertising campaign is perhaps nothing less, than an artform... It's just that...</div>
</div>
<div class="service servIcon_5">
<div class="service__caption">Brand Identity</div>
<div class="service__text">Your brand's visual identity is a critical part of your business. That's because customers always see your brand through their eyes first!</div>
</div>
<div class="service servIcon_6">
<div class="service__caption">Public Relations</div>
<div class="service__text">We are indeed a holistic, 360* full cycle agency, we are happy to offer public relations services to all of our customers.</div>
</div>
</div>
</section>
<section class="team" id="4">
<h1>Meet the Team</h1>
<div class="sub_h1">Without this team of advertising professionals, there would be no 12 HDJ awards or accolades by dozens of happy clients!</div>
<div class="wrap">
<div class="staff">
<div class="staff__photo"></div>
<div class="staff__name">Alex Buoyega</div>
<div class="staff_job">UI/UX Designer</div>
<div class="staff__text">Mr. Buoyega was born in one of Detroit’s poorest blocks, all before pursuing his successful managerial career in the future.</div>
<div class="staff__socicons">
<a href="" class="fb socicon"></a>
<a href="" class="tw socicon"></a>
<a href="" class="gp socicon"></a>
</div>
</div>
<div class="staff">
<div class="staff__photo"></div>
<div class="staff__name">Kenneth Richardson</div>
<div class="staff_job">Project Manager</div>
<div class="staff__text">A talented and creative leader, Kenneth is known among his colleagues for how good his organizing and team leading skills...</div>
<div class="staff__socicons">
<a href="" class="fb socicon"></a>
<a href="" class="tw socicon"></a>
<a href="" class="gp socicon"></a>
</div>
</div>
<div class="staff">
<div class="staff__photo"></div>
<div class="staff__name">Jonathan Christman</div>
<div class="staff_job">Back-end developer</div>
<div class="staff__text">Being as a devoted family man as he is, it is incredible how Jonathan has time left for managing multi-million dollar contracts.</div>
<div class="staff__socicons">
<a href="" class="fb socicon"></a>
<a href="" class="tw socicon"></a>
<a href="" class="gp socicon"></a>
</div>
</div>
</div>
</section>
<section class="signup" id="5">
<h1>Sign Up for <span>Email Updates!</span></h1>
<div class="sub_h1">Knowing about all the recent developments in the industry is how you should handle being an adman!</div>
<form action="" class="signup__form">
<input type="text" class="form__ipt" placeholder="Your email here...">
<input type="submit" class="form__btn" value="Submit">
</form>
</section>
<footer>
<div class="wrap">
<div class="copyright">2017 © <strong>Adverting</strong>. <br>All Rights Reserved.</div>
<div class="footer__socicons">
<a href="" class="fb socicon"></a>
<a href="" class="tw socicon"></a>
<a href="" class="gp socicon"></a>
</div>
</div>
</footer>
<script src="slick/slick.min.js"></script>
<script>
// Menu scroll
$(function() {
$("a[href^='#']").click(function() {
var _href = $(this).attr("href");
$("html, body").animate({
scrollTop: $(_href).offset().top - 80 + "px"
});
return false;
});
});
// Slider
$('.slider').slick({
prevArrow: '<button class="slick-prev" aria-label="Next" type="button">Next</button>',
nextArrow: '<button class="slick-next" aria-label="Next" type="button">Next</button>',
});
</script>
</body>
</html>