-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
79 lines (65 loc) · 2.87 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
<!--
This page is the landing page for my site when you load it on the online hosted version of the site without a file name on the of the link.
This pages gives some brief descriptions about what the site entails and is also what the home button links to which is show on all the pages of the site.
There is the main navigation bar at the top of the screen on this page which is on all pages but then also a quick links section which gives a slightly longer bit of info to get the user moving around the website.
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lyla's TransFem Guide</title>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="NavBar.css">
<link rel="stylesheet" href="bg.css">
</head>
<div class="bg"></div>
<body>
<div class="nav-wrapper">
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="hrt.html">HRT</a></li>
<li><a href="fashion.html">Fashion</a></li>
<li><a href="support.html">Support</a></li>
<div id="moreButton" class="dropdown" onclick="moreClick()">
<a class="dropbtn">More</a>
<div class="dropdown-content">
<li><a href="gallery.html">Gallery</a></li>
<li><a href="about-me.html">About Me</a></li>
<li><a href="glossary.html">Glossary</a></li>
</div>
</div>
</ul>
</nav>
</div>
<div class="white-box">
<h1>Lyla's TransFem Guide</h1>
<p>Hello, My name is Lyla, you can learn more about me on the <a href="about-me.html">about me</a> page. This
website is created as intended to be as a website for trans women who are looking for help and tips in their
transition that ive collected from around the internet that have helped and are helping me through my
transition.</p>
</div>
<div class="hide-div">
<div class="white-box" style="margin: auto; width: fit-content;">
<h2>Quick Links</h2>
<a class="white-box" href="hrt.html" style="color: inherit; text-decoration: inherit; padding-bottom: 20px;">Facts
About HRT</a>
<a class="white-box" href="fashion.html"
style="color: inherit; text-decoration: inherit; padding-bottom: 20px;">Fashion Tips</a>
<a class="white-box" href="support.html"
style="color: inherit; text-decoration: inherit; padding-bottom: 20px;">Support Lines</a>
<a class="white-box" href="glossary.html"
style="color: inherit; text-decoration: inherit; padding-bottom: 20px;">Glossary Definitions</a>
<br>
<br>
</div>
</div>
<script>
function moreClick() {
var contentDiv = document.getElementById('moreButton');
contentDiv.classList.toggle("show");
}
</script>
</body>
</html>