-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
125 lines (113 loc) · 4.55 KB
/
index.html
File metadata and controls
125 lines (113 loc) · 4.55 KB
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
<!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>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">
<img src="./assets/AIC.svg" alt="Logo">
</div>
<ul class="menu">
<li class="x">×</li><br>
<li class="home active"><a href="./index.html">Home</a></li>
<li><a 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>
<div class="wrapper-i">
<header class="index-header">
<nav>
<img src="./assets/ham.png" class="ham" alt="menu">
</nav>
</header>
<section id="hero">
<div class="hero-wrapper">
<div class="hero-div-1">
<h2>"Hello, fellow campers"</h2>
<h1>All in Campsters,<br> international campers <span class="">united</span></h1>
</div>
<div class="hero-div-2">
<p>Our goal is to make your camping experience more enjoyable, so we’re always improving our
services.
That’s why we provide more than 30 different types of campsites, individual tents and
adventures
like treehouses, glamping and RV parks.</p>
</div>
<div class="hero-div-3">
<h3>Get in touch with our support</h3>
<span>From 8am -- > 8pm (UTC +1) every day</span>
</div>
</div>
</section>
</div>
<section id="program">
<div class="program-title">
<h3>Main Program</h3>
<span>______</span>
</div>
<div class="program-items">
<ul class="program-items-list">
</ul>
</div>
<div class="program-button">
<button>Join CC Global Summit 2015</button>
</div>
<div class="program-anchor"><a href="#">See Hole Program</a></div>
</section>
<section id="instructors">
<div class="instructors-title">
<h3>Our Staff</h3>
<span>______</span>
</div>
<div class="featured-instructors">
<ul class="featured-instructors-list">
</ul>
</div>
<div class="instructors-button">
<button>
<span class="more">More</span>
<span class="less none">Less</span>
<img src="./assets/down.svg" class="down" alt="arrow">
<img src="./assets/up.svg" class="up none" alt="arrow">
</button>
</div>
</section>
<section id="partner">
<div class="partner-title">
<h3>Partners</h3>
<span>______</span>
</div>
<div class="partners">
</div>
</section>
<footer class="footer-index">
<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/script.js"></script>
<script src="./js/mob-menu.js"></script>
</html>