-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
70 lines (59 loc) · 4.63 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Santa Clara Swap</title>
<link rel="stylesheet" href="styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Jomhuria&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap" rel="stylesheet">
</head>
<body>
<center>
<ul id="navbar">
<li class="small-circle"><img src="H4H-logo.png" class="image-on-small-circle" alt="Image on circle"></li>
<li class="title jomhuria-regular" onclick="window.location.href='index.html'">Santa Clara Swap</li>
<li class="newsreader-400" style="float:right; padding-top: 10px;" id="login"><a href="login.html" class="last-button">Login</a></li>
<li class="newsreader-400" style="float:right; padding-top: 10px;" id="signup"><a href="signup.html">Sign Up</a></li>
<li class="newsreader-400" style="float:right; padding-top: 10px;"><a href="cart.html">Cart</a></li>
<li class="newsreader-400" style="float:right; padding-top: 10px;"><a href="post.html">Sell</a></li>
<li class="newsreader-400" style="float:right; padding-top: 10px;"><a class="active" href="shop.html">Shop</a></li>
</ul>
<hr>
<h1 style="padding-top: 100px; padding-bottom: 50px; font-size: 50px;" class="newsreader-400">Connect, exchange, and sustain – </br> making Bronco life <i>greener, easier,</i> and </br> <i>brighter</i>, together.</h1>
<div class="circle"><img src="H4H-logo.png" class="image-on-circle" alt="Image on circle"></div>
<button class="shop-button jomhuria-regular" onclick="window.location.href='shop.html'">Shop Listings</button>
<div class="row" style="padding-right: 100px; padding-left: 100px; padding-top: 50px;">
<div class="column">
<img src="jonathan-kemper-1HHrdIoLFpU-unsplash 1 (1).png" alt="Room" style="width:100%">
</div>
<div class="column">
<img src="Stocksy_txp226f62b2aNe300_Medium_4582193 1.png" alt="Mountains" style="width:100%">
</div>
<div class="column">
<img src="jonathan-kemper-1HHrdIoLFpU-unsplash 2.png" alt="Forest" style="width:100%">
</div>
</div>
<p class="welcome-text newsreader-400 center-text" style="padding-top: 50px; padding-bottom: 50px;">
Welcome to Santa Clara Swap, your go-to destination for sustainable living on campus! <br><br>
Tired of dreading those daunting IKEA trips every September? <br> Concerned about spending a fortune on textbooks you'll barely crack open? <br><br>
We've been there too! That's why we created Santa Clara Swap – a platform designed by and for <br> Santa Clara University students, where sustainability meets convenience.
</p>
<hr class="green-divider">
<p class="welcome-text newsreader-400 center-text" style="padding-top: 50px; padding-bottom: 50px;">
At Santa Clara Swap, we believe in making student life easier, more affordable, and eco-friendly. <br><br>
Our mission is simple: to connect Broncos with one another to exchange, give away, or sell products <br> ranging from textbooks and dorm essentials to leftover detergent and gadgets. <br><br>
By facilitating these exchanges, we're not only helping you save money but also reducing waste and <br> promoting a greener campus. So whether you're looking to declutter your space, find affordable alternatives, <br>or simply make a positive impact on the environment, you've come to the right place. <br> <br>
Join us in building a more sustainable and connected community at Santa Clara University –
<strong class="last-line"> one swap at a time!</strong>
</p>
</center>
<script src="https://www.gstatic.com/firebasejs/7.10.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.10.0/firebase-firestore.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.10.0/firebase-storage.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.10.0/firebase-auth.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
<script src="firstpage.js"></script>
</body>
</html>