-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
140 lines (127 loc) · 5.24 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles/style.css">
<title>Портфолио №3</title>
</head>
<body>
<div class="bg-promo">
<div class="container">
<header class="header">
<a class="logo" href="#"></a>
<nav class="menu">
<a class="menu-link" href="#">About</a>
<a class="menu-link" href="#">Help</a>
<a class="menu-link" href="#">Features</a>
<a class="menu-link" href="#">Signup</a>
</nav>
<a class="head-btn" href="#">Request Demo</a>
</header>
<div class="promo">
<h1 class="promo-top">Save your data storage here.</h1>
<p class="promo-text">Data Warehouse is a data
storage area that has been
tested for security, so you
can store your data here safely
but not be afraid of being stolen
by others.
</p>
<a class="promo-btn" href="#">Learn more</a>
</div>
</div>
</div>
<div class="container">
<div class="info">
<div class="info-text">
<h2 class="info-top">We are a high-level data storage bank</h2>
<p class="info-paragraph">The place to store various data
that you can access at any time
through the internet and where
you can carry it. This very flexible
storage area has a high level of security.
To enter into your own data you must enter
the password that you created when you
registered in this Data Warehouse.
</p>
</div>
</div>
</div>
<div class="container">
<div class="demo-title">
<h2 class="demo-top">Features</h2>
<p class="demo-text">Some of the features
and advantages that we provide for
those of you who store data
in this Data Warehouse.
</p>
</div>
<div class="demo">
<div class="row">
<div>
<img class="row-img" src="upload/demo-search.png" alt="demo-search">
</div>
<div class="row__info">
<h3 class="row-top">Search Data</h3>
<p class="row-text">Don’t worry if your data is very large,
the Data Warehoue provides a search engine,
which is useful for making it easier to
find data effectively saving time.</p>
<a class="row-btn" href="#">Learn more</a>
</div>
</div>
<div class="row">
<div>
<img class="row-img" src="upload/demo-access.png" alt="demo-access">
</div>
<div class="row__info">
<h3 class="row-top">24 Hours Access</h3>
<p class="row-text">Access is given 24 hours a full
morning to night and meet again in the morning,
giving you comfort
when you need data when urgent.</p>
<a class="row-btn" href="#">Learn more</a>
</div>
</div>
<div class="row">
<div>
<img class="row-img" src="upload/demo-print.png" alt="demo-print">
</div>
<div class="row__info">
<h3 class="row-top">Print Out</h3>
<p class="row-text">Print out service gives you convenience
if someday you need print data, just edit it
all and just print it.</p>
<a class="row-btn" href="#">Learn more</a>
</div>
</div>
<div class="row">
<div>
<img class="row-img" src="upload/demo-security.png" alt="demo-security">
</div>
<div class="row__info">
<h3 class="row-top">Security Code</h3>
<p class="row-text">Data Security is one of our
best facilities. Allows for your files
to be safer. The file can be secured with
a code or password that you created, so only
you can open the file.</p>
<a class="row-btn" href="#">Learn more</a>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="footer__info">
<div class="footer-title">
<h2 class="footer-top">Try for free!</h2>
<p class="footer-text">Get limited 1 week free try our features!</p>
</div>
<a class="footer-btn" href="#">Request Demo</a>
</div>
</div>
</footer>
</body>
</html>