-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
66 lines (65 loc) · 4.32 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
<!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="./index.css">
</head>
<body>
<div class="main-all">
<div class="nav-bar">
<ul>
<li class="nav-bar-list">Home</li>
<li class="nav-bar-list">Services</li>
<li class="nav-bar-list">News</li>
<li class="nav-bar-list">Blog</li>
<li class="nav-bar-list">Contact</li>
</ul>
</div>
<div class="main">
<div class="logo">
<img src="./img/logo/logoNCC 1.svg" alt="">
</div>
<div class="main-content">
<h3>Lorem ipsum dolor sit asmet?</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tristique consequat placerat. Vestibulum auctor
pellentesque sem, eu posuere erat hendrerit quis. Maecenas vel consequat turpis. Nam facilisis, ligula in mattis
sodales, augue justo tristique nulla, sed lacinia ante eros ut mi. Morbi vitae diam augue. Aliquam vel mauris a nibh
auctor commodo. Praesent et nisi eu justo eleifend convallis. Quisque suscipit maximus vestibulum. Phasellus congue
mollis orci, sit amet luctus augue tristique eu. Donec vulputate odio neque, sed semper turpis pellentesque a.</p>
</div>
<div class="footer-content">
<div class="icon-footer">
<h2>Lorem ipsum dolor sit amet</h2>
<div class="icon-footer-section">
<img src="./img/icon/css-icon 1.svg" alt="">
<p class="icon-footer-text1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non dui sodales, faucibus libero ut, posuere felis. Donec imperdiet suscipit accumsan. Aenean consequat condimentum velit ut tempor. Nam porta massa in metus bibendum congue. Pellentesque ultrices liquam egestas nunc at </p>
</div>
<p class="icon-footer-text2">ullamcorper ultricies. Donec feugiat velit nulla, vel sodales est ullamcorper id. Aenean consequat condimentum velit ut tempor. Nam porta massa in metus bibendum congue. Pellentesque ultrices vestibulum mattis.</p>
</div>
<div class="icon-footer">
<h2>Lorem ipsum dolor sit amet</h2>
<div class="icon-footer-section">
<img src="./img/icon/html-icon 1.svg" alt="">
<p class="icon-footer-text1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non dui sodales, faucibus libero ut, posuere felis. Donec imperdiet suscipit accumsan. Aenean consequat condimentum velit ut tempor. Nam porta massa in metus bibendum congue. Pellentesque ultrices liquam egestas nunc at </p>
</div>
<p class="icon-footer-text2">ullamcorper ultricies. Donec feugiat velit nulla, vel sodales est ullamcorper id. Aenean consequat condimentum velit ut tempor. Nam porta massa in metus bibendum congue. Pellentesque ultrices vestibulum mattis.</p>
</div>
<div class="icon-footer">
<h2>Lorem ipsum dolor sit amet</h2>
<div class="icon-footer-section">
<img src="./img/icon/url-icon 1.svg" alt="">
<p class="icon-footer-text1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non dui sodales, faucibus libero ut, posuere felis. Donec imperdiet suscipit accumsan. Aenean consequat condimentum velit ut tempor. Nam porta massa in metus bibendum congue. Pellentesque ultrices liquam egestas nunc at </p>
</div>
<p class="icon-footer-text2">ullamcorper ultricies. Donec feugiat velit nulla, vel sodales est ullamcorper id. Aenean consequat condimentum velit ut tempor. Nam porta massa in metus bibendum congue. Pellentesque ultrices vestibulum mattis.</p>
</div>
</div>
<footer class="copyright">
<p class="copyright-footer">Copyright © 2021</p>
</footer>
</div>
</div>
</body>
</html>