DGPians/sample
Folders and files
| Name | Name | Last commit date | ||
|---|---|---|---|---|
Repository files navigation
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Sayak</title>
<link rel="stylesheet" href="css/style.css">
<script src="js/script.js"></script>
</head>
<body>
<header tabindex="2">
<h1>Sayak Das</h1>
<nav>
<a href="#one" class = "active" id="goOne" onclick="setToCurrentClass(this)">One</a>
<a href="#two" id="goTwo" onclick="setToCurrentClass(this)">Two</a>
<a href="#three" id="goThree" onclick="setToCurrentClass(this)">Three</a>
<a href="https://www.wpkube.com/html5-cheat-sheet/" id="goHelp" onclick="setToCurrentClass(this)">Help</a>
</nav>
</header>
<main>
<section id="one" tabindex="2">
<h2>Favourite Foods</h2>
<ul>
<li>Tea</li>
<li>Cookies</li>
<li>Pastry</li>
<li>Chips</li>
<li>Chocolate</li>
</ul>
</section>
<section id="two" tabindex="3">
<h2>Achievements</h2>
<figure>
<p>
Progress in this course(100%)
<progress value="100" max="100" >100%</progress>
<br/>
Progress in Specilation capstone(20%)<progress value="20" max="100">20%</progress>
<br/>
Progress in life goals(5%)<progress value="5" max="100">5%</progress>
</p>
</figure>
</section>
<section id="three" tabindex="4">
<h2>More About Me</h2>
<details open>
<summary>My Childhood</summary>
<p>
I grew up at Chandernagore,India.
</p>
</details>
</section>
</main>
<footer>
©sayak
<br/>
<img src="http://www.intro-webdesign.com/images/newlogo.png" alt="">
This page was created by Sayak & Collen van Lent.To learn more about web design,visit <a href="http://intro-webdesign.com/index.html">Intro to Web Design</a>
<br/>
<br/>
<br/>
<br/>
</footer>
</body>
</html>