-
Notifications
You must be signed in to change notification settings - Fork 1
/
old code.html
114 lines (107 loc) · 6.24 KB
/
old code.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="navbar.css">
<link rel="stylesheet" type="text/css" href="oldstyle.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<script src="https://kit.fontawesome.com/476dc17da0.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans&family=Thasadith&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+Georgian&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Palanquin&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Alice&display=swap" rel="stylesheet">
<link href="https://fonts.cdnfonts.com/css/bugaki" rel="stylesheet">
<title>Tales of Siam</title>
</head>
<body>
<div class="mainBox">
<div class="titleBox">
<p>Tales of Siam: Stories From the Heart of the Forest</p>
</div>
<nav class="navBar">
<div class="navText">About</div>
<a href="#" class="toggle-button">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</a>
<div class="navlinks">
<ul>
<li><a href="Homepage.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li class="TreeDropdown">
<a href="treeshome.html">Trees <span class="icon">▾</span></a>
<div class="Treecontent">
<ul class="dropdown-menu">
<li><a href="Northtrees.html">The Northern Region</a></li>
<li><a href="Southtrees.html">The Southern Region</a></li>
<li><a href="Easttrees.html">The Eastern Region</a></li>
<li><a href="Centraltrees.html">The Central Region</a></li>
</ul>
</div>
</li>
<li><a href="references.html">References</a></li>
<li><a href="Contact.html">Contact Us</a></li>
<li><a href="donate.html" class="donate">Donate</a></li>
<li><button onclick="window.location.href='donate.html'" class="donateButton">Donate</button></li>
</ul>
</div>
</nav>
<script>
const toggleButton = document.getElementsByClassName(".toggle-button")[0];
const navLinks = document.querySelector(".navlinks")[0];
toggleButton.addEventListener('click', () => {
navLinks.classList.toggle('active')
})
</script>
<div class="mainbody"> <!--main div for the body -->
<div class="introduction"> <!--intro part -->
<p>
<span class="firstline">⚜ <strong>About Us</strong> ⚜</span><br>
<span class="secondline">Greetings from the Land of Smiles! We are three university students passionate about spreading awareness and wanting to educate everyone about the green space all around us! Our interest in trees led us to create this website to enthuse and educate all of you!</span>
</p>
</div>
<div class="contents"> <!--main div for 1st tree -->
<div class="mission">
<div class="missionheader">
⚜ <strong>Mission</strong> ⚜
</div>
<div class="missionstatement">
Discover and explore Thailand's diverse tree collection from different regions! Our website is passionate about the enchanting world of trees across the various regions of Thailand. Whether you're a nature lover, a student, or simply someone who appreciates the beauty of Trees, our website is your gateway to the beautiful trees in the Land of Smiles with just one simple click!
</div>
</div>
<div class="offers"> <!--div for tree info -->
<div class="offersheader"> <!--scientific name -->
⚜ <strong>What We Offer</strong> ⚜
</div>
<div class="mainoffer"> <!--actual info -->
<div class="charityguide" onclick="window.location.href='donate.html';" style="cursor: pointer;">
<div class="headercharityguide">
Charity & Donation Guides <br>
<i class="fas fa-donate"></i>
</div>
</div>
<div class="treeguide" onclick="window.location.href='treeshome.html';" style="cursor: pointer;">
<div class="headertreeguide">
Regional Tree Guides <br>
<i class="fas fa-tree"></i>
</div>
</div>
<div class="photographyshowcase" onclick="window.location.href='references.html';" style="cursor: pointer;">
<div class="headerphotographyshowcase">
Educational Resources <br>
<i class="fas fa-camera"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>