created the home page

time to implement...
This commit is contained in:
Yamozha
2021-07-12 02:35:50 +03:00
parent 31447796c9
commit df61af750f
8 changed files with 287 additions and 99 deletions

View File

@ -1,30 +1,89 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<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.css">
<title>reValuate</title>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Navbar</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="assets/css/style.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:500&display=swap" rel="stylesheet">
</head>
<body>
<header>
<a class="logo" href="/"><img src="assets/img/logo.png" style="max-height: 100px;" alt="logo"></a>
<nav>
<ul class="nav__links">
<li><a href="#">Класация</a></li>
<li><a href="#">За нас</a></li>
<!-- if logged in: -->
<!-- <li><a href="#">Качи</a></li> -->
<!-- <li><a href="#">Прогрес</a></li> -->
<!-- <li><a href="#">Акаунт</a></li> -->
</head>
<body>
<ul class="navbar">
<div class="navbar">
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<a class="cta" href="#">Влез!</a>
<!-- if logged in log out -->
<li style="float:right" class="dropdown">
<a href="javascript:void(0)" class="dropbtn">About</a>
<div class="dropdown-content">
<a href="#User">User</a>
<a href="#Balance">Balance</a>
<p class="menu cta">Меню</p>
</header>
<div class="overlay">
<a class="close">&times;</a>
<div class="overlay__content">
<a href="#">Класация</a>
<a href="#">За нас</a>
<a href="#">Влез!</a>
<!-- if logged in: -->
<!-- <li><a href="#">Качи</a></li> -->
<!-- <li><a href="#">Прогрес</a></li> -->
<!-- <li><a href="#">Акаунт</a></li> -->
</div>
</div>
</li>
</div>
</ul>
</body>
<!-- navbar end -->
<div id="page-wrap">
<h1 class="heading">reValuate</h1>
<h3>Остават ни още:<br>123232 reVal точки</h3>
<br>
<hr>
<br>
<h1>Нашата цел и основни дейности</h1><br>
<p>
Основната цел на проекта е запознаване с ползите от рециклирането на учениците и подтикването им да започнат да събират разделно боклук.
Това е сайт, в който може да се качват видеа и снимки как ученици изхвърлят разделно боклуци.<br><br> За всеки материал получават конкретен брой точки (ел.валута), която обменят в училище за награди.
За една снимка получават 2 точки, а за едно видео 3 точки.
</p>
<hr><br>
<h1>Защо да участвам?</h1>
<p>
<ul class="emoji" style="text-align: left; padding-left: 5%; margin: auto;">
<li> Награден фонд за участие в проекта.</li><br>
<li> Наградите се разпределят спрямо натрупаните точки в сайта.</li><br>
<li> Сертификат за участие в извънкласни дейности от името на училището при натрупани минимум 30 точки.</li><br>
</p>
</ul>
<!-- <br>
<hr>
<br>
<h1>Често задавани въпроси</h1><br>
<ul class="nothing" style="text-align: left; padding-left: 5%; margin: auto;">
<li class="question"></li>
<p>test</p>
</ul> -->
<br>
<hr>
<br>
<h1>Имате въпроси?<br><h2>Свържете се с нас!</h2></h1><br>
<p>
<a href="https://discord.gg/twDtbKeVXV"><img src="assets/img/Discord-Logo.png" style="max-width:100px;"></a>
<a href="mailto://boyan+revaluate@bobokara.com"><img src="assets/img/mail.png" style="max-width:100px;"></a>
<a href="https://www.youtube.com/channel/UCIWblGtjXAxwbTMUbhZ_PDQ"><img src="assets/img/youtube.png" style="max-width:100px;" ></a>
</p>
</div>
<script type="text/javascript" src="assets/js/mobile.js"></script>
<footer>Frontend, backend and planning:<br> <a class="footer" href="https://yamozha.xyz">Boyan</a></footer>
</body>
</html>