-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
229 lines (217 loc) · 11.9 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
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
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
<!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">
<title>This is Digital | Digital Performance</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css" />
<link
href="https://fonts.googleapis.com/css2?family=Aboreto&family=Abril+Fatface&family=Abyssinica+SIL&family=Alegreya&family=Antonio:wght@700&family=Aref+Ruqaa+Ink:wght@700&family=Caveat&family=Cormorant+Garamond:ital,wght@0,300;1,300&family=Cormorant+SC:wght@500&family=Courgette&family=Dancing+Script:wght@400;700&family=Inconsolata:wght@300;400&family=Inter+Tight:wght@200&family=Libre+Baskerville:wght@700&family=Lobster&family=Macondo&family=Montserrat:wght@200&family=Ms+Madi&family=Nanum+Gothic:wght@700&family=Noto+Serif&family=Nunito+Sans&family=Open+Sans&family=Oswald:wght@300;400&family=Passions+Conflict&family=Playfair+Display&family=Reem+Kufi+Ink&family=Roboto&family=Ubuntu:wght@300&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="style.css">
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/locomotive-scroll.css"> -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet">
<link rel="shortcut icon"
href="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSVb9Dg9evQXbL_B0UCejKrNZYTpdYpHpQopa1ExVo5I3sr6CWK4Xy4ac8flFTvfpOpqWI&usqp=CAU"
type="image/x-icon">
</head>
<body>
<div class="main">
<div class="page1">
<nav>
<h1>this is digital <i class="ri-checkbox-blank-circle-line"></i></h1>
<div class="menu">
<ul>
<li>Services</li>
<li>Work</li>
<li>About </li>
<li>Culture</li>
<li>Careers</li>
<button>Contact us. <i class="ri-arrow-right-line"></i></button>
</ul>
</div>
</nav>
<div class="page1-left"></div>
<div class="page1-right">
<h1>Digital Performance <br>
<span> Solutions
<img src="https://thisisdigital.co.uk/dist/images/underline-green.svg" alt="" class="svg">
</span>
</h1>
<h6>Find out <br> <span> more</span> </h6>
<button> <i class="ri-arrow-right-line"></i></button>
<div class="img1"></div>
<div class="img2"></div>
</div>
</div>
<div class="page2">
<div class="page2-upr">
<h5> <i class="ri-checkbox-blank-circle-line"></i> A Digital Performance Solutions Agency in Manchester
</h5 >
<h1>We combine network agency expertise, <br> with a highly collaborative relationship. <br> We’re a
little
<span>different <img src=" https://thisisdigital.co.uk/dist/images/circle-green.svg" alt=""></span>,
This is Digital.
</h1 >
<h6>About us <button><i class="ri-arrow-right-line"></i></button></h6>
</div>
<div class="page2-dwn">
<div class="rt">
<div class="img1"></div>
<div class="img2"></div>
<div class="img3"></div>
<div class="img4"></div>
</div>
<div class="lt">
<h1>Your <span>solution <img src="https://thisisdigital.co.uk/dist/images/underline-green.svg"
alt="" class="svg"></span> to digital performance.</h1>
<p>We want to take the pressure off for you. Simple. Our digital <br> performance solutions cover a
range
of digital channels and services to <br> help you in every aspect of digital marketing. From
strategic digital <br> consultancy to in-channel management, we have the skills and <br>
experience to
make significant commercial improvements to our clients’<br> digital presence.</p>
<div class="box">
<div class="circle"></div>
<h4>Learn about more</h4>
<button>Our services <i class="ri-arrow-right-line"></i></button>
</div>
</div>
</div>
<div class="btm">
<h1>Since <span>2018
<img src=" https://thisisdigital.co.uk/dist/images/circle-green.svg" alt="">
</span>, we’ve partnered with some <br> great brands.</h1>
</div>
</div>
<div class="page3">
<div class="page3-images">
<div class="imgs1">
<img src="a.webp" alt="" width="190px">
<img src="b.webp" alt="" width="190px">
<img src="c.webp" alt="" width="190px">
<img src="d.webp" alt="" width="190px">
<img src="e.webp" alt="" width="190px">
</div>
<div class="imgs2">
<img src="f.webp" alt="" width="190px">
<img src="g.webp" alt="" width="190px">
<img src="h.webp" alt="" width="190px">
<img src="i.webp" alt="" width="190px">
<img src="j.webp" alt="" width="190px">
</div>
<div class="imgs3">
<img src="k.webp" alt="" width="190px">
<img src="l.webp" alt="" width="190px">
<img src="m.webp" alt="" width="190px">
<img src="o.webp" alt="" width="190px">
<img src="p.webp" alt="" width="190px">
</div>
</div>
<footer>
<h5>The Fragance Shop</h5>
</footer>
</div>
<div class="page4">
<div class="box1">
<img src="AG.webp" alt="" width="170px">
<h4>86% SEO visibility Increase for Europe's Largest Golf Retailer</h4>
<h6>View Case Study <button><i class="ri-arrow-right-line"></i></button></h6>
</div>
<div class="box2">
<img src="Ryman.webp" alt="" width="190px">
<h4>271% visibility Increase for Stationary Brand</h4>
<h6>View Case Study <button><i class="ri-arrow-right-line"></i></button></h6>
</div>
<footer>
<div class="circle"></div>
<h4>See more of</h4>
<button>Our work <i class="ri-arrow-right-line"></i></button>
</footer>
</div>
<div class="page5">
<!-- Swiper -->
<div class="swiper mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="harley-med.webp" alt="" class=".harley" width="120px">
<h1><q>We're seeing improvement <br> efficiencies of over 120% and <br>that was within two
weeks</q></h1>
<h5><i class="ri-checkbox-blank-circle-fill"></i>Marketing Director</h5>
<h6>Harley Medical Group</h6>
</div>
<div class="swiper-slide"> <img src="footasylum-logo.webp" alt="" class=".harley" width="120px">
<h1><q>This is Digital have brought a <br> refreshing change to our <br>digital agency
relationship</q></h1>
<h5><i class="ri-checkbox-blank-circle-fill"></i>eCommerce Director</h5>
<h6>footasylum</h6>
</div>
<div class="swiper-slide"> <img src="brittany-logo.webp" alt="" class=".harley" width="120px">
<h1><q>The highly experienced team <br> take our objectives and turn <br>them into real business result <br> for the brand.</q></h1>
<h5><i class="ri-checkbox-blank-circle-fill"></i>Head of Digital </h5>
<h6>Brittany Ferries</h6></div>
<div class="swiper-slide"> <img src="ryman-logo.webp" alt="" class=".harley" width="150px">
<h1 style="font-size: 40px;"><q>All there work has lead to <br>impressive results:for <br> example our SEO visibility has increased over 150% in 5 <br> months.</q></h1>
<h5 style="margin-bottom:10px"><i class="ri-checkbox-blank-circle-fill"></i>Marketing & eCommerce Director </h5>
</div>
<div class="swiper-slide"><img src="LCFC-Big.webp" alt="" class=".harley" width="100px">
<h1><q>They've been <br>transformational,suffice to <br>say,I can't recommend them <br>highly enough!</q></h1>
<h5><i class="ri-checkbox-blank-circle-fill"></i>Head & Retail </h5>
<h6>Leicestor City Fotball Club</h6></div>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-pagination"></div>
</div>
</div>
<div class="page6">
<div class="page6-up">
<div class="cnt">
<h3>Call Demie on +44(0)161 509 0777 or email <br> [email protected] to discuss how we can help you.</h3>
<div class="box">
<div class="circle"></div>
<h4>Sounds good ?</h4>
<button>Request a callback<i class="ri-arrow-right-line"></i></button>
</div>
</div>
</div>
<div class="page6-mid">
<div class="one">
<h4>Be our <br>partner
Solutions today</h4>
<h6>Let's talk <button><i class="ri-arrow-right-line"></i></button></h6>
</div>
<div class="two">
<h5>Learn</h5>
<h6>About</h6>
<h6>Culture</h6>
</div>
<div class="three">
<h5>Explore</h5>
<h6>Work</h6>
<h6>Services</h6>
<h6>Careers</h6>
</div>
<div class="four">
<h5>Find us</h5>
<h6>Canavon <br>Court </h6>
<h6>12 Blackfriars <br>St</h6>
<h6>Manchester <br>M3</h6>
<h6>SBQ</h6>
</div>
<div class="fifth">
<img src="meta-white.webp" alt="">
<img src="google-premier-white.webp" alt="">
<img src="microsoft-2022-grey.webp" alt="">
</div>
</div>
</div>
</div>
<!-- <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/locomotive-scroll.js"></script> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/gsap.min.js" integrity="sha512-gmwBmiTVER57N3jYS3LinA9eb8aHrJua5iQD7yqYCKa5x6Jjc7VDVaEA0je0Lu0bP9j7tEjV3+1qUm6loO99Kw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/ScrollTrigger.min.js" integrity="sha512-tHvUcUQYi35zApvAa5TNR3fNhBQkVtkmWKfacnpxmix4/VTGz1lGjIVyLMp7gLgAvg+aKJjnVKokXJNS5GZ+/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
<script src="script.js"></script>
</body>
</html>