-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
84 lines (81 loc) · 2.97 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Home</title>
<link rel="stylesheet" href="css/index.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
</head>
<body>
<header>
<div class="banner">
<div>
<img src="../html/images/newbg2.png" alt="background" class="background" />
</div>
<img class="logo" src="../html/images/logo.png" alt="logo" width="150px" />
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<div class="welcome">
<h3>Welcome to <span class="company">Qonvex Technology</span></h3>
<p class="description">
Lorem ipsum dolor sit amet
consectetur adipisicing elit. Cupiditate tenetur corrupti dolore
tempora molestias
</p>
<a class="banner-btn" href="#about">Read More</a>
</div>
</div>
</header>
<main>
<section class="about" id="about">
<h1 class="about_title">What we offer</h1>
<div class="about_box">
<span class="icon"><i class=" fa fa-chrome fa-3x"></i>
</span>
<h3 class="offer_title"><a href="services.html">Web design</a></h3>
<p class="about_des">
Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit
esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident, sunt in culpa qui officia deserunt mollit
anim id est laborum.
</p>
</div>
<div class="about_box">
<span class="icon"><i class="fa fa-mobile fa-4x"></i></span>
<h3 class="offer_title">
<a href="services.html">Mobile Development</a>
</h3>
<p class="about_des">
Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit
esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident, sunt in culpa qui officia deserunt mollit
anim id est laborum.
</p>
</div>
<a class="services-btn" href="services.html">VIEW ALL SERVICES</a>
</section>
</main>
<footer>
<div class="footer">
<h3>Copyright 2015 | Qonvex Technology Inc.</h3>
</div>
</footer>
</body>
</html>