-
Notifications
You must be signed in to change notification settings - Fork 0
/
services.html
55 lines (55 loc) · 2.91 KB
/
services.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
<section class="services" id="services">
<div class="wrap">
<div class="servicesMainBox">
<div class="servicesTitleBox">
<h2 class="servicesTitle">Awesome multi-concept studio</h2>
<p class="servicesSubtitle">There are many variations of passages of Lorem Ipsum available, but the
majority
have
suffered alteration in some form, by injected humour, or randomised words which don't look
even slightly believable. If you are going to use a passage of Lor em Ipsum, you need to be
sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum
generators on the Internet tend to repeat predefined chunks as necessary, making this the
first true generator on the Internet. </p>
</div>
<div class="servicesIconBox">
<div class="servicesIcon">
<div class="servicesIconCircle">
<picture><source srcset="img/services/dimondIcon.webp" type="image/webp"><img src="img/services/dimondIcon.png" alt=""></picture>
</div>
<h4 class="servicesIconTitle">Unique Design</h4>
</div>
<div class="servicesIcon">
<div class="servicesIconCircle">
<picture><source srcset="img/services/cameraIcon.webp" type="image/webp"><img src="img/services/cameraIcon.png" alt=""></picture>
</div>
<h4 class="servicesIconTitle">Photography</h4>
</div>
<div class="servicesIcon">
<div class="servicesIconCircle">
<picture><source srcset="img/services/wandIcon.webp" type="image/webp"><img src="img/services/wandIcon.png" alt=""></picture>
</div>
<h4 class="servicesIconTitle">Concept Art</h4>
</div>
</div>
<a class="servicesButton" href="#">More Services</a>
</div>
</div>
<div class="ourWorksBox" id="work">
<div class="mainTitleStyle">
<h3>Our Works</h3>
<div class="mainIconBox">
<div class="whiteLine"></div>
<picture><source srcset="img/services/ourWork/OurWorkIcon.webp" type="image/webp"><img src="img/services/ourWork/OurWorkIcon.png" alt="" class="mainIcon"></picture>
<div class="whiteLine"></div>
</div>
<p>Show Amazing Your Works</p>
</div>
<div class="ourWorksButtonList">
<a class="ourWorkButton" href="#">Branding Design</a>
<a class="ourWorkButton" href="#">Photography</a>
<a class="ourWorkButton" href="#">Web Design</a>
<a class="ourWorkButton" href="#">+</a>
</div>
</div>
</section>