-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.htm
83 lines (78 loc) · 3.61 KB
/
index.htm
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
<!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>Softech</title>
<link rel="stylesheet" href="css/all.min.css">
<link rel="stylesheet" href="css/fontawesome.min.css">
<link rel="stylesheet" href="style.css">
<link rel="icon" href="images/fav.ico">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;600;700&display=swap" rel="stylesheet">
</head>
<body>
<header>
<div class="container">
<nav>
<h2>SOFTWORLD</h2>
<ul>
<li><a href="#" class="active">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Project</a></li>
<li><a href="#">Contacts</a></li>
</ul>
</nav>
</div>
</header>
<!-- Showcase -->
<section class="showcase">
<div class="showcase-content">
<h1>Building Website and Mobile Apps for Business</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores nostrum distinctio consequatur suscipit quo fugiat, omnis modi perferendis, nesciunt quod officia hic aliquam</p>
<a href="#" class="btn">Explore</a>
</div>
</section>
<!-- About -->
<section class="about m-t">
<div class="container">
<h2 class="m-b">About Us</h2>
<div class="about-wrapper">
<div class="about-image">
<img src="./images/sorasak-KxCJXXGsv9I-unsplash.jpg" alt="">
</div>
<div class="about-content">
<h2>SPECIALISED IN WEBSITE DESIGN AND DEVELOPMENT.</h2>
<div class="line"></div>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit optio labore vitae quas voluptas cumque, fugiat praesentium? Eligendi error nesciunt nihil asperiores accusamus sequi cupiditate sapiente labore ducimus dicta quia deserunt dolores impedit hic soluta nemo veniam, aut eum aliquid, architecto inventore fuga dignissimos? Ex cupiditate impedit consequuntur minima laudantium.
</p>
<ul class="fa-ul">
<li>
<span class="fa-li"><i class="fas fa-circle-notch"></i></span>
Providing you solution for all your software needs.
</li>
<li>
<span class="fa-li"><i class="fas fa-circle-notch"></i></span>
Mobile App Development.
</li>
<li>
<span class="fa-li"><i class="fas fa-circle-notch"></i></span>
Wordpress Development made easy.
</li>
</ul>
<div class="social-icon">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-youtube"></i></a>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
</div>
</div>
</section>
</body>
</html>