-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
141 lines (131 loc) · 7.23 KB
/
index.html
File metadata and controls
141 lines (131 loc) · 7.23 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
<!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>Document</title>
<link rel="stylesheet" href="style/all.min.css">
<link rel="stylesheet" href="style/style.css">
</head>
<body>
<aside class="aside">
<a href="" class="logo">
<img src="images/logo.png" alt="" class="logo">
</a>
<ul class="aside-list">
<li>
<a href="" class="list-link">
<i class="fal fa-newspaper list-icon"></i>
Статьи
</a>
</li>
<li>
<a href="" class="list-link">
<i class="fal fa-book-open list-icon"></i>
Услуги
</a>
</li>
<li>
<a href="" class="list-link ">
<i class="fal fa-user-headset list-icon" ></i>
Поддержка
</a>
</li>
<li>
<a href="" class="list-link last">
<i class="fal fa-address-book list-icon"></i>
Контакты
</a>
</li>
</ul>
<img src="images/ava.png" alt="" class="avatar">
</aside>
<header class="header">
<div class="container">
<div class="header-content">
<h1 class="header-title">Welcome to All Marketing</h1>
<p class="header-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor</p>
<a href="" class="header-link">Подробнее</a>
</div>
</div>
</header>
<main class="main">
<div class="container">
<div class="main-cards">
<div class="main-card">
<h3 class="card-title">Мощная аналитика</h3>
<i class="fal fa-desktop-alt card-icon"></i>
<a href="" class="card-link">Подробнее</a>
</div>
<div class="main-card">
<h3 class="card-title">Ведение документов</h3>
<i class="fal fa-file-signature card-icon"></i>
<a href="" class="card-link">Подробнее</a>
</div>
<div class="main-card">
<h3 class="card-title">Международные решения</h3>
<i class="fal fa-globe-stand card-icon"></i>
<a href="" class="card-link">Подробнее</a>
</div>
<div class="main-card">
<h3 class="card-title">Бизнес стратегии</h3>
<i class="fal fa-chart-network card-icon"></i>
<a href="" class="card-link">Подробнее</a>
</div>
</div>
<div class="main-info">
<div class="info-left">
<h2 class="info-title">Lorem ipsum dolor sit amet, consectetur adipiscing</h2>
<p class="left-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quam velit aliquam ultrices amet aliquam gravida. Egestas ut pellentesque fames aliquam aenean. Sem id pellentesque etiam diam dolor, pellentesque commodo. Enim donec quam convallis eu etiam ultrices pretium ut. Faucibus adipiscing neque massa vel posuere potenti odio natoque velit. Suscipit eu, quam ipsum, vulputate convallis at ultricies elit. Fermentum fames nunc neque vulputate dui. Nisl semper iaculis iaculis lectus velit ut.
</p>
<p class="left-description">Arcu laoreet odio interdum odio ac mi. Curabitur turpis lorem sed justo at nulla massa tristique. At aliquet quam nec ullamcorper pellentesque gravida tempor morbi. At fusce sagittis egestas lobortis mauris. Aliquam pharetra purus volutpat donec nibh mus netus. At tristique pretium, fringilla tincidunt consectetur nunc. Rhoncus id dui, ac a mauris. Quis pretium, viverra non eu lacus, elit feugiat. Nisi, duis egestas accumsan cras sit lacus, sit. Elementum neque lectus faucibus vitae, metus odio at amet. Vel pellentesque adipiscing ultrices tristique vitae.</p>
<p class="left-description">Lacus, convallis vitae tempor viverra dictum suspendisse consequat. Odio duis quam lobortis risus interdum leo, leo erat. Enim, quis ipsum aenean quis duis tincidunt risus. Ac commodo eu sed quis egestas posuere. Sit mi enim consectetur scelerisque imperdiet cras amet. Pellentesque laoreet volutpat ultrices nisl lobortis arcu pellentesque. Elementum neque lectus faucibus vitae, metus odio at amet. Vel pellentesque adipiscing ultrices tristique vitae.</p>
</div>
<div class="info-right">
<h2 class="info-title">Lorem ipsum dolor</h2>
<div class="right-card">
<img src="images/main-img1.png" alt="" class="right-img">
<div class="right-about">
<h3 class="right-title">Онлайн приемная</h3>
<p class="right-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
</div>
</div>
<div class="right-card">
<img src="images/main-img2.png" alt="" class="right-img">
<div class="right-about">
<h3 class="right-title">Тренинги</h3>
<p class="right-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
</div>
</div>
<div class="right-card">
<img src="images/main-img3.png" alt="" class="right-img">
<div class="right-about">
<h3 class="right-title">Решение проблем</h3>
<p class="right-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
</div>
</div>
<div class="right-card">
<img src="images/main-img4.png" alt="" class="right-img">
<div class="right-about">
<h3 class="right-title">Консультация</h3>
<p class="right-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="footer">
<div class="container">
<div class="footer-content">
<h2 class="footer-title">All Marketing</h2>
<div class="footer-links">
<a href="" class="footer-tel">+998 99 123 45 67</a>
<a href="" class="footer-mail">support@allmarketing.com</a>
</div>
</div>
</div>
</footer>
</body>
</html>