-
Notifications
You must be signed in to change notification settings - Fork 14
/
Copy pathindex.html
116 lines (110 loc) · 4.95 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
<!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">
<link rel="stylesheet" href="Landing page/Landing_page.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;600;700&display=swap" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<title>Issue solver</title>
</head>
<body>
<div class="arrow-btn">
<a href="#"><i class="fa fa-chevron-up"></i></a>
</div>
<section class="header">
<nav>
<a herf="Landing_page.html"><img src="images/logo.jpg"></a>
<div class="nav-links" id="navLinks">
<i class="fa fa-times" onclick="hideMenu()"></i>
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#About-section">ABOUT</a></li>
<li><a href="#Contact-section">CONTACT</a></li>
<li><a href="Login & Registration Page/login.html">LOGIN</a></li>
</ul>
</div>
<i class="fa fa-bars" onclick="showMenu()"></i>
</nav>
<a name="Home-section"></a>
<div class="text-box">
<h1>ISSUE SOLVER</h1>
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit.<br>
Repellendus eaque assumenda tempora inventore repellat eligendi sit dignissimos rerum.
</P>
<a href="Login & Registration Page/login.html" class="Home-button">VISIT US TO KNOW MORE</a>
</div>
</section>
<!-- About Us-->
<a name="About-section"></a>
<section class="About">
<h1>About Us</h1>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit.
Omnis recusandae vitae corrupti facilis maiores tempore, veritatis excepturi mollitia necessitatibus eum magni, aspernatur perspiciatis nulla architecto. Officiis, reprehenderit libero.
Reiciendis culpa voluptatibus asperiores sunt vitae odit itaque esse deserunt at facilis. Dignissimos atque dolore voluptates ipsam saepe cum unde quaerat, aliquid assumenda voluptatem autem error magni enim molestias repellendus, culpa similique.
Voluptate vel, dolorem explicabo vero laboriosam nostrum? Excepturi corporis fugit, dolore officia labore autem? Voluptatem placeat explicabo assumenda ut accusamus repellendus minus dolores nostrum sed quia, delectus, possimus reprehenderit ipsa atque. Fugiat sunt officiis cum. Fuga fugiat doloribus ut molestias!
</p>
</section>
<!-- Facilities-->
<section class="Facilities">
<h1>Our Facilities</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum, temporibus.</p>
<div class="row">
<div class="Facilities-col">
<picture>
<img src="images/Platform.png">
</picture>
<h3>Platform</h3>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum, perspiciatis.</p>
</div>
<div class="Facilities-col">
<picture>
<img src="images/Support.png">
</picture>
<h3>Support</h3>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dignissimos, harum?</p>
</div>
<div class="Facilities-col">
<picture>
<img src="images/Solution.png">
</picture>
<h3>Solution</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod, blanditiis!</p>
</div>
</div>
</section>
<!--Call to Action-->
<a name="Contact-section"></a>
<section class="cta">
<h1>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. <br>Perspiciatis, magnam!
</h1>
<a hrerf="" class="Home-button">CONTACT US</a>
</section>
<!--Footer-->
<section class="footer">
<div class="Icons">
<i class="fa fa-facebook"></i>
<i class="fa fa-twitter"></i>
<i class="fa fa-instagram"></i>
<i class="fa fa-linkedin"></i>
</div>
<p>Made with <i class="fa fa-heart-o"></i> by Team9</p>
</section>
<!-- Javascript for menu-->
<script>
var navLinks= document.getElementById("navLinks");
function showMenu()
{
navLinks.style.right="0";
}
function hideMenu()
{
navLinks.style.right="-200px";
}
</script>
</body>
</html>