mirror of
https://github.com/Hizenberg469/BPIT-ATTENDANCE.git
synced 2026-04-20 02:02:25 +03:00
154 lines
5.1 KiB
HTML
154 lines
5.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Document</title>
|
|
<link rel="stylesheet" href="style.css" />
|
|
</head>
|
|
<body>
|
|
<div id="wrapper">
|
|
<div id="main">
|
|
<div id="navbar">
|
|
<h1>MarkHere</h1>
|
|
<div id="nav-links">
|
|
<a href="#">Home</a>
|
|
<a href="#services">Services</a>
|
|
<a href="#about">About</a>
|
|
<a href="#contact">Contact</a>
|
|
<a href="/login.html">Login</a>
|
|
<a href="/signup.html">Signup</a>
|
|
</div>
|
|
</div>
|
|
<div id="banner-div">
|
|
<div id="banner"></div>
|
|
<div id="banner-text">
|
|
<div class="card">
|
|
<!-- <button> -->
|
|
<a href="">
|
|
<i class="fa-solid fa-user"></i>
|
|
</a>
|
|
<!-- </button> -->
|
|
<p>Login as Student</p>
|
|
</div>
|
|
<div class="card">
|
|
<!-- <button> -->
|
|
<a href="">
|
|
<i class="fa-solid fa-user"></i>
|
|
</a>
|
|
<!-- </button> -->
|
|
<p>Login as Teacher</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="services" class="services">
|
|
<p class="desc">
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit,
|
|
suscipit. Lorem ipsum dolor sit amet consectetur adipisicing elit.
|
|
</p>
|
|
<div class="image-div">
|
|
<img src="./assets/pexels-pavel-danilyuk-8423018.jpg" alt="" />
|
|
</div>
|
|
</div>
|
|
<div class="services">
|
|
<div class="image-div">
|
|
<img src="./assets/pexels-pavel-danilyuk-8423018.jpg" alt="" />
|
|
</div>
|
|
<div class="desc">
|
|
Lorem ipsum dolor sit amet con Lorem ipsum dolor sit amet consectetur
|
|
adipisicing elit. Quisquam, nulla. sectetur adipisicing elit. Commodi,
|
|
suscipit.
|
|
</div>
|
|
</div>
|
|
<div id="contact">
|
|
<div class="desc">
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem,
|
|
possimus?
|
|
</div>
|
|
<div class="image-div">
|
|
<img src="./assets/pexels-pavel-danilyuk-8423018.jpg" alt="" />
|
|
</div>
|
|
</div>
|
|
<div id="team">
|
|
<div class="image-div">
|
|
<img src="./assets/pexels-pavel-danilyuk-8423018.jpg" alt="" />
|
|
</div>
|
|
<p class="desc">
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit,
|
|
suscipit. Lorem ipsum dolor sit amet consectetur adipisicing elit.
|
|
</p>
|
|
</div>
|
|
<div id="about">
|
|
<div class="desc">
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero,
|
|
assumenda?
|
|
</div>
|
|
<div class="image-div">
|
|
<img src="./assets/pexels-pavel-danilyuk-8423018.jpg" alt="" />
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<footer class="footer">
|
|
<div class="waves">
|
|
<div class="wave" id="wave1"></div>
|
|
<div class="wave" id="wave2"></div>
|
|
<div class="wave" id="wave3"></div>
|
|
<div class="wave" id="wave4"></div>
|
|
</div>
|
|
<ul class="social-icon">
|
|
<li class="social-icon__item">
|
|
<a class="social-icon__link" href="#">
|
|
<ion-icon name="logo-facebook"></ion-icon>
|
|
</a>
|
|
</li>
|
|
<li class="social-icon__item">
|
|
<a class="social-icon__link" href="#">
|
|
<ion-icon name="logo-twitter"></ion-icon>
|
|
</a>
|
|
</li>
|
|
<li class="social-icon__item">
|
|
<a class="social-icon__link" href="#">
|
|
<ion-icon name="logo-linkedin"></ion-icon>
|
|
</a>
|
|
</li>
|
|
<li class="social-icon__item">
|
|
<a class="social-icon__link" href="#">
|
|
<ion-icon name="logo-instagram"></ion-icon>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<ul class="menu">
|
|
<li class="menu__item"><a class="menu__link" href="#">Home</a></li>
|
|
<li class="menu__item">
|
|
<a class="menu__link" href="#about">About</a>
|
|
</li>
|
|
<li class="menu__item">
|
|
<a class="menu__link" href="#services">Services</a>
|
|
</li>
|
|
<li class="menu__item">
|
|
<a class="menu__link" href="#team">Team</a>
|
|
</li>
|
|
<li class="menu__item">
|
|
<a class="menu__link" href="#contact">Contact</a>
|
|
</li>
|
|
</ul>
|
|
<p>©2024 Nakul Singh | Made With Love ❤️</p>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script
|
|
src="https://kit.fontawesome.com/869ac6c5e5.js"
|
|
crossorigin="anonymous"
|
|
></script>
|
|
<script
|
|
type="module"
|
|
src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"
|
|
></script>
|
|
<script
|
|
nomodule
|
|
src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"
|
|
></script>
|
|
</html>
|