-
Notifications
You must be signed in to change notification settings - Fork 0
/
index(3).html
130 lines (130 loc) · 6.69 KB
/
index(3).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
<!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>Examen3</title>
<link rel="stylesheet" href="css/style_examen3.css">
<link href="https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,400;0,700;0,800;1,400;1,700;1,800&display=swap" rel="stylesheet">
</head>
<body>
<header class="header">
<section class="nav wrapper">
<img src="image_ex/logo.png" alt="logo" class="nav__logo">
<ul class="nav__links">
<li class="nav__item"><a href="index(2).html" class="nav__link">About</a></li>
<li class="nav__item"><a href="index(3).html" class="nav__link">Services</a></li>
<li class="nav__item"><a href="index(4).html" class="nav__link">Pricing</a></li>
<li class="nav__item"><a href="index.html" class="nav__link">Blog</a></li>
</ul>
<button type="button" class="nav__button button_dark">CONTACT</button>
<img src="image_ex/menu.png" alt="menu" class="nav__menu">
</section>
<section class="header__main wrapper">
<div class="header__info">
<h1 class="header__title bigtext_light">Services</h1>
<p class="header__text text_light_gray">Agency provides a full service range including technical skills, design, business understanding.</p>
</div>
</section>
</header>
<section class="info">
<div class="info__global wrapper">
<div class="info__main">
<p class="info__name text_light_accent">Services</p>
<h2 class="info__title text_dark_middle">Digital agency is a business you hire to outsource your digital marketing efforts</h2>
</div>
<div class="info__texts"> <p class="info__text text_dark_gray">Ability to put themselves in the merchant's shoes. It is meant to partner on the long run, and work as an extension of the merchant's team.</p>
<p class="info__text text_dark_gray">A digital agency is a business you hire to outsource your digital marketing efforts, instead of handling in-house. They can provide your business with a variety of digital solutions to promote your product or service online and help you.</p></div>
</div>
</section>
<section class="links">
<div class="links__global wrapper">
<div class="links__sectionheader">
<p class="links__design bigtext_dark">Design</p>
</div>
<div class="links__textbox">
<div class="links__info">
<h2 class="links__title bigtext_dark">Agency is a business you hire to outsource your digital marketing efforts</h2>
<p class="links__text text_dark_gray">Business you hire to outsource your digital marketing efforts, instead of handling in-house. They can provide your business with a variety of digital solutions to promote your product or service online and help you.</p>
<p class="links__links text_dark_mini">Web Development</p>
<p class="links__links text_dark_mini">Brand Strategy</p>
<p class="links__links text_dark_mini">Art Direction</p>
</div>
</div>
<div class="links__sectionheader">
<p class="links__development bigtext_dark">Development</p>
</div>
<div class="links__sectionheader">
<p class="links__marketing bigtext_dark">Marketing</p>
</div>
</div>
</section>
<section class="projects">
<div class="projects__global wrapper">
<div class="projects__main">
<p class="projects__name text_light_accent">How we work</p>
<h2 class="projects__title text_dark_middle">Making Your Projects
Look Awesome</h2>
<p class="projects__text text_dark_gray">Technical skills, design, business understanding, ability to put themselves in the merchant's shoes.</p>
</div>
<div class="projects__numbers">
<p class="projects__text text_dark"><span class="projects__number">1</span>Full service range including</p>
<p class="projects__text text_dark"><span class="projects__number">2</span>Technical skills, design, business</p>
<p class="projects__text text_dark"><span class="projects__number">3</span>Themselves in the merchant's</p>
</div>
</div>
</section>
<main class="contact">
<section class="contact__main wrapper">
<div class="contact__info">
<h2 class="contact__title bigtext_light">Help To Build
Your Dream
Project</h2>
<p class="contact__text text_light_gray">A digital agency is a business you hire to outsource your digital marketing efforts, instead of handling in-house.</p>
<button type="button" class="header__button button_light">Contact Now</button>
</div>
<div class="contact__image">
<img src="image_ex/pic.png" alt="image" class="contact__pic">
</div>
</section>
</main>
<footer class="footer">
<div class="footer__main wrapper">
<p class="footer__title text_dark">Agency</p>
<ul class="footer__menu">
<li class="footer__item text_light_accent">Menu</li>
<li class="footer__item text_dark_mini">About</li>
<li class="footer__item text_dark_mini">Services</li>
<li class="footer__item text_dark_mini">Blog</li>
<li class="footer__item text_dark_mini">Contact</li>
</ul>
<ul class="footer__menu ">
<li class="footer__item text_light_accent">service</li>
<li class="footer__item text_dark_mini">Design</li>
<li class="footer__item text_dark_mini">Development</li>
<li class="footer__item text_dark_mini">Marketing</li>
<li class="footer__item text_dark_mini">See More</li>
</ul>
<div class="footer__links">
<div class="footer__box">
<img src="image_ex/facebook.png" alt="logo" class="footer_logo">
</div>
<div class="footer__box">
<img src="image_ex/twitter.png" alt="logo" class="footer_logo">
</div>
<div class="footer__box">
<img src="image_ex/instagram.png" alt="logo" class="footer_logo">
</div>
</div>
</div>
<div class="footer__postfooter wrapper">
<p class="footer__text text_dark_gray">Copyright © 2022 Laaqiq. All Rights Reserved.</p>
<div class="footer__privacybox text_dark_mini">
<p class="footer__box_item">Terms of Use</p>
<p class="footer__box_item">Privacy Policy</p>
</div>
</div>
</footer>
</body>
</html>