-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathproj.html
More file actions
73 lines (59 loc) · 6.74 KB
/
Copy pathproj.html
File metadata and controls
73 lines (59 loc) · 6.74 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content = "witdh=device-width,initial-scale=1.0">
<link rel="icon" type="icon" href="book.ico">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" integrity="sha512-..." crossorigin="anonymous" referrerpolicy="no-referrer" />
<title>SecondPen</title>
</head>
<body>
<!-- <embed class ="bgmusic" name="GoodEnough" src="Cozy_BG.mp3" loop="true" autostart="true" hidden="true"> -->
<header id="navigate">
<div class="logo-container">
<h2 class="logo1">SecondPen</h2>
<div class="logo">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" id="book"><g><g><path fill="#00b8f0" d="M24 7.3 5 8.2c-1.1.1-1.9.9-1.9 2v27c0 1.2 1 2.1 2.1 2l13.4-.8c.4 0 .8.2.9.5.3.7 1 .9 1.9.9h5c.9 0 1.6-.3 1.9-.9.1-.4.6-.6.9-.5l13.4.8c1.2.1 2.1-.8 2.1-2v-27c0-1.1-.8-1.9-1.9-2L24 7.3z"></path><path fill="#4acfff" d="m43 8.2-19-.9-19 .9c-1.1.1-1.9.9-1.9 2v3.5c0-1.1.8-1.9 1.9-2l19-.9 19 .9c1.1.1 1.9.9 1.9 2v-3.5c0-1-.8-1.9-1.9-2z"></path><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M24 7.3 5 8.2c-1.1.1-1.9.9-1.9 2v27c0 1.2 1 2.1 2.1 2l13.4-.8c.4 0 .8.2.9.5.3.7 1 .9 1.9.9h5c.9 0 1.6-.3 1.9-.9.1-.4.6-.6.9-.5l13.4.8c1.2.1 2.1-.8 2.1-2v-27c0-1.1-.8-1.9-1.9-2L24 7.3z"></path><path fill="#627b8c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M25.5 37.3h-2.9c-.8 0-1.5-.7-1.5-1.5v-2h6v2c-.1.8-.8 1.5-1.6 1.5z"></path><ellipse cx="23.9" cy="41.3" fill="#45413c" opacity=".15" rx="17" ry="1.5"></ellipse><path fill="#fffef2" d="M8.6 7.3L6.4 10c-.2.3-.3.7-.3 1.1v25.6L8.6 33V7.3zM39.4 7.3l2.2 2.7c.2.3.3.7.3 1.1v25.6L39.4 33V7.3z"></path><path fill="#fff" d="M6.4 10.1c-.2.3-.3.7-.3 1.1v3.5c0-.4.1-.8.3-1.1l2.2-2.7V7.3l-2.2 2.8zM41.6 10.1l-2.2-2.7v3.5l2.2 2.7c.2.3.3.7.3 1.1v-3.5c0-.4-.1-.8-.3-1.1z"></path><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M8.6 7.3L6.4 10c-.2.3-.3.7-.3 1.1v25.6L8.6 33V7.3zM39.4 7.3l2.2 2.7c.2.3.3.7.3 1.1v25.6L39.4 33V7.3z"></path><path fill="#fffef2" d="M24 34.8v-26c0-1.7-1.3-3-3-3l-11.5 1c-.5 0-.9.5-.9.5v29l12.6-.4c.5-.6 1.5-1.1 2.8-1.1zM27 5.8c-1.7 0-3 1.3-3 3v26c1.3 0 2.3.5 2.8 1.1l12.6.4v-29s-.4-.5-.9-.6L27 5.8z"></path><path fill="#fff" d="M21 5.8l-11.5 1c-.5 0-.9.5-.9.5v2.9c0-.5.4-1 .9-1L21 8.3c1.7 0 3 1.3 3 3V8.8c0-1.6-1.3-3-3-3zM38.5 6.8L27 5.8c-1.7 0-3 1.3-3 3v2.5c0-1.7 1.3-3 3-3l11.5.9c.5 0 .9.5.9 1V7.3s-.4-.5-.9-.5z"></path><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M24 34.8v-26c0-1.7-1.3-3-3-3l-11.5 1c-.5 0-.9.5-.9.5v29l12.6-.4c.5-.6 1.5-1.1 2.8-1.1zM27 5.8c-1.7 0-3 1.3-3 3v26c1.3 0 2.3.5 2.8 1.1l12.6.4v-29s-.4-.5-.9-.6L27 5.8z"></path><path fill="#fffce5" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M24 34.8c-.2-1.4-1.5-2.5-3-2.5l-12.4.9-2.5 3.7 15.1-.9c.4-.7 1.5-1.1 2.8-1.2zM26.8 36l15.1.8-2.5-3.7-12.4-.8c-1.5 0-2.7 1.1-3 2.5 1.3.1 2.4.5 2.8 1.2z"></path><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M28 9.3l9 .9M28 13.2l9 .8M28 17l9 .8M28 20.8l9 .9M28 24.6l9 .9M28 28.5l9 .8M20.5 9.3l-9 .9M20.5 13.2l-9 .8M20.5 17l-9 .8M20.5 20.8l-9 .9M20.5 24.6l-9 .9M20.5 28.5l-9 .8"></path></g></g></svg>
</div>
</div>
<div class="Stay">
<nav class="navigation" id="navigation">
<a href="#Home" class="active">Home<span></span></a>
<a href="#About">About<span></span></a>
<a href="#placeholder">Registeration<span></span></a>
<!-- <a href="#Contact">Contact<span></span></a> -->
<a href="Cart.html" class="Cart"><i class="fas fa-shopping-cart"></i> View Cart<span></span></a>
</nav>
</div>
</header>
<button id="toggleButton" onclick="toggleNavigation()" class="circular-btn"><span>↑</span></button>
<section class="parallax" id="Home">
<h2 id="text">Welcome to SecondPen!</h2>
<img src="Untitled-1.png" id="books-sillhoute">
<a href="#About"><div class="arrow animated bounce" id="arrow"></div>
</a>
<h1><a href="#About" id="more">More about this website.</a></h1>
</section>
<section class="About" id="About">
<h2>About the website</h2>
<p>
Many families are unable to afford school supplies for their children, and there is not much they can do about it except search and search and hope they find good prices. And so I chose to build a website called SecondPen and it's here to solve the problem of expensive school supplies. SecondPen is a site where any user can put up an offer for used equipment that is part of the equipment required for a school that they no longer need and are ready to either donate or sell it for a nominal price, whether it's books or bags. The site addresses the families who are struggling financially and comes to solve the problem of expensive equipment. The site can also help in terms of the quality of the environment because instead of people throwing away their equipment because we don't have a second Earth, they donate it or sell it only very cheaply.
<br><br>Today there are already partial solutions to this problem such as yad2, but yad2 is too general a site and in my opinion we need a targeted solution to this problem, in addition to yad2 there are many "second hand" sites, but in most of these sites including second hand the sites are not accessible and it is very difficult to understand where you are entering And where are you going, but they also don't solve the problem we have here, my website solves both the problem of expensive school supplies and also solves the problem of accessibility for people who are less internet savvy.
The importance of this problem is major and I think my website solves it to the core.
<br><br><br><br><br><br><br><br><br><br><br>
</p>
<a href="#placeholder" id="space1"><div class="arrow animated bounce space1" id="arrow1"></div>
</a>
<h1><a href="#placeholder" id="more1">Ready to choose your items?</a></h1>
</section>
<section class="parallax2" id="placeholder"></a>
<h1 id="start">Ready to start browsing items?</h1>
<a href="signup.html" class="btn"><b>sign up</b></a>
<a href="login.html" class="btn1"><b>log in</b></a>
</section>
<section class="Contact" id="Contact">
</section>
<script src="script.js"></script>
</body>
</html>