Mini_Project/index.html at main · xshshahab/Mini_Project · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Commbine Mini Projects - HTML CSS & JS</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="container">
        <div class="circle"></div>
        <div class="navbar">
            <nav>
                <ul>
                    <li><a href="/">RELOAD</a></li>
                    <li><a target="_blank" href="components/ProjectOne.html">Project 1</a></li>
                    <li><a target="_blank" href="components/ProjectTwo.html">Project 2</a></li>
                    <li><a target="_blank" href="components/ProjectThree.html">Project 3</a></li>
                    <li><a target="_blank" href="components/ProjectFour.html">Project 4</a></li>
                    <li><a target="_blank" href="components/ProjectFive.html">Project 5</a></li>
                    <li><a target="_blank" href="components/ProjectSix.html">Project 6</a></li>
                    <li><a target="_blank" href="components/ProjectSeven.html">Project 7</a></li>
                    <li><a target="_blank" href="components/ProjectEight.html">Project 8</a></li>
                </ul>
            </nav>
        </div>
        <div class="main">
            <h1><span style="color: #787876; font-size: 92px;">Collection</span> of Mini Pr<span style="color: #787876; font-size: 70px;">o</span>ject</h1>
            <p>This repository contains more than <span style="color: #787876; font-size: 38px;">7+</span> Mini Project.</p>
            <p>Each project link is in the navbar, on clicking it will open in a new page.</p>
            <p class="note">Disclaimer: This page is not designed to be responsive.</p>
            <button onclick="window.open('https://github.com/xshshahab', '_blank')">Github</button>
        </div>
    </div>
</body>
</html>