-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathMicrosoft.html
154 lines (154 loc) · 7.93 KB
/
Microsoft.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Microsft</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="icon" href="img/logo2.png" id="logo img">
</head>
<body>
<header>
<div class="container">
<ul class="menu">
<li><a href=""><img src="img/logo.png" class="logo" width=75px height=200px ></a></li>
<li><a href="">Microsoft 365</a></li>
<li><a href="">Office</a></li>
<li><a href="">Windows</a></li>
<li><a href="">Поддержка</a></li>
</ul>
<ul class="rightMenu">
<li><a href="">Все продукты Microsoft</a></li>
<li><a href=""><img src="img/search.png" alt="Поиск на " height=40px></a></li>
<li><a href=""><img src="img/signin.png" id="signin" alt="Войдите в учетную запись" height=50px></a></li>
</ul>
</div>
</header>
<main>
<div class="container">
<div class="main-card">
<img src="img/bg.png" class="background">
<div class="content">
<h1>Microsoft 365</h1>
<p>Приложения Office премиум, дополнительное облачное хранилище, продвинутые инструменты обеспечения безопасности — все в одной удобной подписке</p>
<a href="" class="mainBtn">До 6 человек</a>
<a href="" class="secondaryBtn">Для 1 человека</a>
</div>
</div>
<div class="cards">
<div class="card">
<img src="img/1.png" class="cardImg">
<h2 class="cardHeading">Microsoft Teams</h2>
<p class="cardText">Общайтесь, проводите собрания, звоните и сотрудничайте.</p>
<a href="" class="cardBtn">Подробнее</a>
</div>
<div class="card">
<img src="img/2.png" class="cardImg">
<h2 class="cardHeading">Microsoft Edge</h2>
<p class="cardText">Потрясающая производительность, больше конфиденциальности, продуктивности и дополнительных возможностей.</p>
<a href="" class="cardBtn">Скачать</a>
</div>
<div class="card">
<img src="img/3.png" class="cardImg">
<h2 class="cardHeading">Microsoft OneDrive</h2>
<p class="cardText">Сохраняйте свои файлы и фотографии на OneDrive — они будут доступны с любого устройства и где угодно.</p>
<a href="" class="cardBtn">Подробнее</a>
</div>
<div class="card">
<img src="img/4.png" class="cardImg">
<h2 class="cardHeading">Обновление Windows 10</h2>
<p class="cardText">Предоставляя новые функции, которые помогут вам успевать больше, общаться чаще и экономить время.</p>
<a href="" class="cardBtn">Узнать больше</a>
</div>
</div>
<div class="main-card">
<img src="img/bg.png" class="background">
<div class="content">
<h1>Outlook для iOS и Android</h1>
<p>Будьте на связи. Организовывайте. Успевайте больше.</p>
<a href="" class="mainBtn">Скачать</a>
</div>
</div>
<h2>Для бизнеса</h2>
<div class="cards">
<div class="card">
<img src="img/5.png" class="cardImg">
<h2 class="cardHeading">Microsoft 365 для бизнеса</h2>
<p class="cardText">Опережайте конкурентов с лучшими приложениями для общения, повышения продуктивности и безопасности.</p>
<a href="" class="cardBtn">За покупками</a>
</div>
<div class="card">
<img src="img/6.png" class="cardImg">
<h2 class="cardHeading">Windows 10 Корпоративная</h2>
<p class="cardText">Скачайте бесплатную пробную версию для ИТ-профессионалов на 90 дней.</p>
<a href="" class="cardBtn">Скачать</a>
</div>
<div class="card">
<img src="img/7.png" class="cardImg">
<h2 class="cardHeading">Новый браузер Microsoft Edge</h2>
<p class="cardText">Производительность, совместимость, безопасность. Браузер для бизнеса.</p>
<a href="" class="cardBtn">Скачать</a>
</div>
<div class="card">
<img src="img/8.png" class="cardImg">
<h2 class="cardHeading">Скачайте Visual Studio 2019</h2>
<p class="cardText">Скачайте Visual Studio 2019 – эффективную, современную и инновационную IDE.</p>
<a href="" class="cardBtn">Скачать</a>
</div>
</div>
</div>
</main>
<footer>
<div class="container">
<div class="footer-menu">
<ul>
<li class="ulHead">Что нового?</li>
<li>Microsoft 365</li>
</ul>
<ul>
<li class="ulHead">Microsoft Store</li>
<li>Профиль учетной записи</li>
<li>Возврат товаров</li>
<li>Отслеживание заказа</li>
</ul>
<ul>
<li class="ulHead">Для образования</li>
<li>Майкрософт и образование</li>
<li>Office для учащихся</li>
<li>Office 365 для школ</li>
<li>Специальные предложения для учащихся и родителей</li>
<li>Microsoft Azure и образование</li>
</ul>
<ul>
<li class="ulHead">Для бизнеса</li>
<li>Microsoft Azure</li>
<li>Ресурсы для партнеров Microsoft</li>
</ul>
<ul>
<li class="ulHead">Для разработчиков</li>
<li>Microsoft Visual Studio</li>
<li>Центр разработчиков</li>
<li>Channel 9</li>
<li>Центр разработчиков Office</li>
</ul>
<ul>
<li class="ulHead">Компания</li>
<li>Вакансии</li>
<li>О корпорации Майкрософт</li>
<li>Инвесторы</li>
</ul>
</div>
<div class="footer-bottom">
<div><img src="img/world.png" style="height: 20px;">Русский (Казахстан)</div>
<ul>
<li>Связаться с Microsoft</li>
<li>Конфиденциальность</li>
<li>Условия использования</li>
<li>Товарные знаки</li>
<li>Сведения о рекламе</li>
<li>© Microsoft 2021</li>
</ul>
</div>
</div>
</footer>
</body>
</html>