-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
134 lines (126 loc) · 5.68 KB
/
about.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
133
134
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="author" content="@codedit334">
<meta name="description" content="Capstone project 1: Camping website">
<meta name="keywords" content="Camp, Website, Responsive">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./style/style.css">
<title>About All In Campsters</title>
</head>
<body>
<main>
<div class="pre-navBar">
<ul>
<li><a href="#"><img src="./assets/fb.svg" alt="Facebook"></a></li>
<li><a href="#"><img src="./assets/twitter.svg"/></a></li>
<li>English</li>
<li>My Page</li>
<li>Log Out</li>
</ul>
</div>
<div class="navBar">
<div class="logo">
<a href="./index.html">
<img src="./assets/AIC.svg" alt="Logo">
</a>
</div>
<ul class="menu">
<li class="x">×</li><br>
<li class="home"><a href="./index.html">Home</a></li>
<li><a class="active" href="./about.html">About</a></li>
<li><a href="#">Program</a></li>
<li><a href="#">Join</a></li>
<li><a href="#">Sponsor</a></li>
<li><a href="#">News</a></li>
</ul>
<div class="nav-button"><button>AIC Campaign</button></div>
</div>
<header class="about-header">
<nav>
<img src="./assets/ham.png" class="ham" alt="menu">
</nav>
</header>
<section id="sec1">
<div class="sec1-wrapper">
<div class="sec1-pt1">
<h3>"Hello! Fellow Campers"</h3>
<h1>
All in Campsters: international campers
</h1>
</div>
<div class="sec1-pt2">
<p>
Our website is the best way to find out about our programs and book your stay. We’re happy to
help you plan your trip, whether it’s a weekend away with friends or an adventure holiday with
family.
</p>
<p>Camping is a great way to enjoy the outdoors. With our activities, you can stay fit and have fun
while enjoying your time with friends and family.</p>
<p>
If you love camping, then come and join our friendly community of campers. See what other people are doing on the site and support them!
</p>
</div>
<div class="sec1-pt3">
<p>Please contact us per Email for any further questions</p>
<p>about All In Campsters</p>
<p>allincampsters@camper.com</p>
</div>
</div>
</section>
<section id="sec2">
<div class="sec2-wrapper">
<div class="sec2-pt1">
<h2>All In Campsters</h2>
<h2>Simple and direct logo</h2>
<span>____</span>
</div>
<div class="sec2-pt2">
<p>The logo of All In Campsters was decided</p>
<p>through the logo competition from 8. June to 7. July</p>
<p>We chose our logo for two main reasons. The first and most important one is that we enjoy working in a logo. The second reason is that we want our users to feel comfortable when they visit our website and interact with all the information on it.</p>
</div>
<div class="sec2-pt3">
<img src="./assets/All In Campsters.svg" alt="logo">
</div>
</div>
</section>
<section id="sec3">
<div class="sec3-wrapper">
<div class="sec3-title">
<h2>See the All In Campsters Blog</h2>
<span>____</span>
</div>
<div class="sec3-desc">
<p>Take a look at the last two All In Campsters blog posts</p>
</div>
<div class="sec3-blog">
<span >
<h3 class="blog-title-1"><span>Feb</span><br>Romantic Valentine's Day Destinations</h3>
<span class="sec3-blog-img-1"><img src="./assets/camp-blog-1.jfif" class="blog-img-1" alt="Blog Post 1"></span>
</span>
<span class="">
<h3 class="blog-title-2"><span>Jan</span><br>Campground Safety: A Guide for campers</h3>
<span class="sec3-blog-img-2"><img src="./assets/camp-blog-2.jpg" class="blog-img-2" alt="Blog Post 2"></span>
</span>
</div>
</div>
</section>
<section id="partner" class="partner-about">
<div class="partner-title">
<h3>Main Program</h3>
<span>______</span>
</div>
<div class="partners">
</div>
</section>
<footer class="footer-about">
<div class="copy">©All In Campsters 2023</div>
<div class="copy-right"><span class="hide-span"> Website is owned, operated and managed by All in Campsters LLC.</span><br> Copyright © 2023 All In Campsters LLC.<br> All rights reserved.</div>
</footer>
</main>
</body>
<script src="./js/mob-menu.js"></script>
</html>