-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
89 lines (85 loc) · 5.37 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
<!DOCTYPE html>
<html>
<title>QuoteWiki</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Lato", sans-serif
}
.w3-bar,
h1,
button {
font-family: "Montserrat", sans-serif
}
.fa-anchor,
.fa-coffee {
font-size: 200px
}
</style>
<body>
<!-- Navbar -->
<div class="w3-top">
<div class="w3-bar w3-red w3-card-2 w3-left-align w3-large"> <a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-red" href="javascript:void(0);" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a> <a href="#top" class="w3-bar-item w3-button w3-padding-large w3-white">Home</a> <a href="#aboutus" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">What this website is all about!</a> <a href="#whydoivisit" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Why do I visit?</a> <a href="LoginRegister/login/login.php" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Login</a> <a href="LoginRegister/signup/signup.php" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">SignUp</a></div>
<!-- Navbar on small screens -->
<div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium w3-large"> <a href="www.facebook.com" class="w3-bar-item w3-button w3-padding-large">Facebook </a> <a href="www.instagram.com" class="w3-bar-item w3-button w3-padding-large">Instagram</a> <a href="LoginRegister/login.php" class="w3-bar-item w3-button w3-padding-large">Login/Register</a> </div>
</div>
<!-- Header -->
<header id="top" class="w3-container w3-red w3-center" style="padding:128px 16px">
<h1 class="w3-margin w3-jumbo">QuoteWiki!</h1>
<p class="w3-xlarge">www.quotewiki.com</p>
<button onclick="window.location.href='welcome.html'" class="w3-button w3-black w3-padding-large w3-large w3-margin-top">Get Started</button>
</header>
<!-- First Grid -->
<div id="aboutus" class="w3-row-padding w3-padding-64 w3-container ">
<div class="w3-content">
<div class="w3-twothird">
<h1>What this website is all about!</h1>
<h5 class="w3-padding-32 w3-darkblue"> The Main aim of this website is to provide you the best inspirational, motivational or any aspect of quotes to you.</h5>
<p class="w3-text-grey">Now a question arrives in your mind that what are quotes? Quotation is the repetition of someone else's statement or thoughts. Quotation marks are punctuation marks used in text to indicate a quotation. Both of these words are sometimes abbreviated as "quote(s)"..</p>
</div>
<div class="w3-third w3-center"> <i class="fa fa-anchor w3-padding-64 w3-text-blue"></i> </div>
</div>
</div>
<!-- Second Grid -->
<div id="whydoivisit" class="w3-row-padding w3-light-grey w3-padding-64 w3-container">
<div class="w3-content">
<div class="w3-third w3-center"> <i class="fa fa-coffee w3-padding-64 w3-text-brown w3-margin-right"></i> </div>
<div class="w3-twothird">
<h1>Why do I visit?</h1>
<h5 class="w3-padding-32"> Somehow a question will definitely arrives in your mind that why you need to visit this website though.</h5>
<p class="w3-text-grey">I discovered that there are a lot of people who like to read quotes. I mean inspiring and enlightening quotes about different topics. People like to read quotes, because these are concise sentences, expressing wisdom, and awakening motivation, inspiration and happiness. If you search for quotes on the Internet, you will find a lot of websites displaying quotes, and also many websites dedicated especially for quotes. I too, have included a section with quotes at my website, which you can find at the quotes directory. I am happy to say that these pages are viewed thousands of times every day, by people from all over the world. so, this website is the perfect medium through which you can find quotes on a single place.</p>
</div>
</div>
</div>
<div class="w3-container w3-black w3-center w3-opacity w3-padding-64">
<h1 class="w3-margin w3-xlarge">Quote Of The Day: Optimism is the faith that leads to achievement. Nothing can be done without hope and confidence.</h1> </div>
<!-- Footer -->
<footer class="w3-container w3-padding-64 w3-center w3-opacity">
<div class="w3-xlarge w3-padding-32"> <i class="fa fa-facebook-official w3-hover-opacity"></i> <i class="fa fa-instagram w3-hover-opacity"></i> <i class="fa fa-snapchat w3-hover-opacity"></i> <i class="fa fa-pinterest-p w3-hover-opacity"></i> <i class="fa fa-twitter w3-hover-opacity"></i> <i class="fa fa-linkedin w3-hover-opacity"></i> </div>
<p>Powered by <a href="welcome.html">quotewiki.com</a></p>
</footer>
<script>
// Used to toggle the menu on small screens when clicking on the menu button
function myFunction() {
var x = document.getElementById("navDemo");
if (x.className.indexOf("w3-show") == -2) {
x.className += " w3-show";
}
else {
x.className = x.className.replace(" w3-show", "");
}
}
</script>
</body>
</html>