mirror of
https://github.com/Hizenberg469/BPIT-ATTENDANCE.git
synced 2026-04-20 02:02:25 +03:00
initial commit
This commit is contained in:
153
nakul/home/index.html
Normal file
153
nakul/home/index.html
Normal file
@@ -0,0 +1,153 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user