small-html-projects/index.html at main · ChampyTech/small-html-projects · 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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description"
        content="A curated collection of small HTML & CSS projects, perfect for practicing web design, experimenting with code, and boosting your frontend skills.">
    <meta name="keywords" content="HTML, CSS, frontend, code challenges, web design">
    <meta name="lang" content="en">
    <meta name="author" content="ChampyTech">
    <meta property="og:title" content="Small HTML & CSS Projects - Practice Your Frontend Skills">
    <meta property="og:description"
        content="A curated collection of small HTML & CSS projects, perfect for practicing web design, experimenting with code, and boosting your frontend skills.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://champytech.github.io/small-html-projects">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Small HTML & CSS Projects - Practice Your Frontend Skills">
    <meta name="twitter:description"
        content="A curated collection of small HTML & CSS projects, perfect for practicing web design, experimenting with code, and boosting your frontend skills.">
    <link rel="stylesheet" href="https://champytech.github.io/general-files/simpleWebsite.css">
    <title>Small HTML & CSS Projects</title>
</head>

<body>
    <h1>Small HTML & CSS Projects - Practice Your Frontend Skills</h1>
    <p>A curated collection of small <b>HTML & CSS projects</b>, perfect for practicing web design, experimenting with
        code, and boosting your frontend skills.</p>
    <p>You can find the entire GitHub repository <a href="https://github.com/ChampyTech/small-html-projects"
            target="_blank">here</a>.</p>

    <p>Got an <b>idea</b>? Want to add something awesome? <a href="https://github.com/ChampyTech/small-html-projects"
            target="_blank">Open an issue or a pull request on GitHub!</a></p>

    <p>Here is the list of all the pages in the repository. Click on a project to view it live on your browser
        <b>without downloading anything</b>. Try recreating them to practice your frontend skills!
    </p>

    <ul>
        <li><a href="./Minimalist Reader/index.html" target="_blank">Minimalist Reader</a></li>
        <li><a href="./Wikipedia Page/index.html" target="_blank">Wikipedia Page</a></li>
    </ul>

    <hr>

    <footer>
        <p>Made with ❤️ by <b><a href="https://github.com/ChampyTech" target="_blank">ChampyTech</a></b></p>
    </footer>

    <button id="themeToggleButton">Dark mode</button>

    <script src="https://champytech.github.io/general-files/themeToggleButton.js"></script>
</body>

</html>