-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
132 lines (99 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
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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Freeware Lovers: The best things in life are FREE</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- <form id="contactForm">
<div class="form-group">
<label for="InputEmail1">Email address</label>
<input type="email" class="form-control" id="InputEmail1" aria-describedby="emailHelp"
placeholder="Enter email">
<small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone
else.</small>
</div>
<div class="form-group">
<label for="InputPassword1">Password</label>
<input type="password" class="form-control" id="nputPassword1" placeholder="Password">
</div>
<div class="form-group form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="form-check-label" for="exampleCheck1">Check me out</label>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
<button type="submit" class="btn btn-primary" id="closebtn">Close</button>
</form> -->
<form class="headerform">
<input class="" type="search" placeholder="Search" aria-label="Search">
<button class="btnSearch" type="submit">Search</button>
<button class="btnRegister" id="registerbtn">Register</button>
<a href="#lginbtn"> <button class="btnLogIn" id="lginbtn">Log In</button></a>
</form>
<section class="title">
<h1>Freeware Lovers<sup> ♥</sup></h1>
<h3>a Wikipedia for free and open source software.</h3>
</section>
<div class="header fixedHeader">
<a class="headerTab" href="#tab-categories">Categories</a>
<a class="headerTab" href="#tab-newFreeware">New Freeware</a>
<a class="headerTab" href="#tab-newDevices">New Devices</a>
<a class="headerTab" href="#tab-browse">Browse</a>
<a class="headerTab" href="#tab-other">Other</a>
<span class="et-hero-tab-slider"></span>
</div>
<!-- Main -->
<main>
<img src="/Screenshot 2020-09-25 at 08.23.37.png" alt="">
<section class="slide" id="tab-categories">
<h1>Categories</h1>
<h3>List all Categories in blocks</h3>
</section>
<section class="slide" id="tab-newFreeware">
<h1>New Freeware</h1>
<h3>something about the New Freeware. This could also be the first section under the header.</h3>
</section>
<section class="slide" id="tab-newDevices">
<h1>New Devices</h1>
<h3>List New Devices</h3>
</section>
<section class="slide" id="tab-browse">
<h1>Browse
</h1>
<h3>This section could remain as a dropdown in the header and not specifically have its own area.</h3>
</section>
<section class="slide" id="tab-other">
<h1>Other</h1>
<h3>Advertisement</h3>
</section>
</main>
<footer class="footer">
<div class="container-fluid d-flex justify-content-center align-items-center flex-row">
<a class="fab2" href="https://www.facebook.com/FreewareLovers" target="_blank">
<i class="fab2 fab fa-facebook-f"></i>
</a>
<a href="https://twitter.com/FreewareLovers" target="_blank">
<i class="fab2 fab fa-twitter"></i>
</a>
<a href="#">
<i class="fab2 far fa-envelope"></i>
</a>
</div>
<div id="footertext" class="justify-content-center align-items-center flex-row">
<p> © 2009-2020 Freeware Lovers. All rights reserved. 3.4
</p>
</div>
</footer>
<!-- <script>
document.querySelector('#contactForm').style.display = 'none';
document.querySelector('#lginbtn').addEventListener('click', function () {
document.querySelector('#contactForm').style.display = 'block';
})
document.querySelector('#closebtn').addEventListener('click', function () {
document.querySelector('#contactForm').style.display = 'none';
})
</script> -->
</body>
</html>