-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
220 lines (210 loc) · 9.04 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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WE BANK</title>
<!-- external links -->
<link rel="stylesheet" href="app.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://kit.fontawesome.com/5545286f67.js" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</head>
<!-- The whole body -->
<body>
<!-- The whole header -->
<header>
<div class="header-box">
<div class="logo">
<span class="header-logo">
</span>
<span class="h-logo"></div>
</span>
<div>
<ul>
<li class="abt"><strong><bold>About</bold></strong></li>
<li class="help">Help</li>
<li class="ft">Features</li>
<li class="su">Signup</li>
</ul>
</div>
<div>
<button class="btn"> <strong>Request Demo</strong> </button>
</div>
</div>
</header>
<!-- section 2 contents -->
<div class="container-2" id="cont-2">
<div class="headline">
<h1>Save your data storage here.</h1>
<p>Data Warehouse is a data storage area that <br> has been tested for security, so you can store <br> your data here safely but not be afraid of <br> been stolen by others.</p>
<button class="lm">Learn more</button>
</div>
<div class="hi">
<img src="firstImage.svg" alt="">
</div>
</div>
<div class="section-2" id="sec-2">
<div>
<img src="storage.svg" alt="">
</div>
<!-- section 2 details -->
<div class="details">
<h1>We are a high-level data storage bank
</h1>
<p>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>
<section class="feature">
<div class="feature-text">
<h2>Features</h2>
<p>Some of the features and advantages that we provide for those of you who store data in this Data Warehouse.</p>
</div>
<div class="feature-container">
<article>
<img src="search.svg" alt="">
<div>
<h3>Search Data</h3>
<p>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 href="">Learn more </a>
</div>
</article>
<article>
<img src="24hrs.svg" alt="">
<div>
<h3>24 Hours Access</h3>
<p>
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 href="">Learn more </a>
</div>
</article>
<article>
<img src="print.svg" alt="">
<div>
<h3>Print Out</h3>
<p>
Print out service gives you convenience if someday you need print data, just edit it all and just print it.
</p>
<a href="">Learn more </a>
</div>
</article>
<article>
<img src="security.svg" alt="">
<div>
<h3>Security Code</h3>
<p>
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 href="">Learn more </a>
</div>
</article>
</div>
<!-- bootstrap carousel contents -->
</section>
<section class="testimonials-container">
<div class="testimonials">
<h2>Testimonials</h2>
<div>
<div class="testimonial">
<img src="johnfang.svg" alt="">
<div class="desc">
<h4>John Fang </h4>
<small>wordfaang.com</small>
<p>Suspendisse ultrices at diam lectus nullam. Nisl, sagittis viverra enim erat tortor ultricies massa turpis. Arcu pulvinar aenean nam laoreet nulla.</p>
</div>
</div>
<div class="testimonial">
<img src="jennydoe.svg" alt="" srcset="">
<div class="desc">
<h4>Jeny Doe</h4>
<small>UX Engineer</small>
<p>Suspendisse ultrices at diam lectus nullam. Nisl, sagittis viverra enim erat tortor ultricies massa turpis. Arcu pulvinar aenean nam laoreet nulla.</p>
</div>
</div>
<div class="testimonial">
<img src="william.svg" alt="">
<div class="desc">
<h4>William</h4>
<small>Web Designer</small>
<p>Suspendisse ultrices at diam lectus nullam. Nisl, sagittis viverra enim erat tortor ultricies massa turpis. Arcu pulvinar aenean nam laoreet nulla.</p>
</div>
</div>
</div>
</div>
<article>
<div class="indicators">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
<div class="arrows"></div>
</article>
</section>
</section>
<hr>
<!-- footer contents -->
<footer>
<div class="footer-head">
<div>
<h3>Try for free!</h3>
<p>Get limited 1 week free try our features!</p>
</div>
<div>
<button>Learn more</button>
<button>Request Demo <span></span> <span></span></button>
</div>
</div>
<div class="footer-content">
<div>
<div class="footer-logo">
<span></span> <span></span>
<h4> DataWarehouse</h4>
</div>
<p>
Warehouse Society, 234 Bahagia Ave Street PRBW 29281
</p>
<p>info@warehouse.project 1-232-3434 (Main)</p>
</div>
<div>
<h5>About</h5>
<ul>
<li>Profile </li>
<li>Features </li>
<li>Careers </li>
<li>DW News</li>
</ul>
</div>
<div>
<h5>Help</h5>
<ul>
<li>
Support
</li>
<li>Sign up</li>
<li>Guide</li>
<li>Reports</li>
<li>Q&A</li>
</ul>
</div>
<!-- font awesome links and logo -->
<div>
<h5><a href="">Social Media</a></h5>
<a href=""><i class="fab fa-facebook"></i></a>
<a href=""><i class="fab fa-twitter"></i></a>
<a href=""><i class="fab fa-instagram"></i></a>
</div>
<div>
<div>
<p>© Datawarehouse™, 2020. All rights reserved. Company Registration Number: 21479524.</p>
</div>
<div><i class="far fa-comment-dots"></i></div>
</div>
</div>
</footer>
<p>Designed by <a href="https://www.github.com/tdaycode">Omotayo</a></p>
</body>
</html>