nikirack.github.io/index.html at main · nikirack/nikirack.github.io · 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
56
57
58
59
60
61
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Nikirack</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <nav>

        <p>Nikirack</p>
        <a href="#">[Home]</a>
        <a href="#projects">[Projects]</a>
    </nav>
    <main>
        <h1>
            ░▒█▄░▒█░░▀░░█░▄░░▀░░█▀▀▄░█▀▀▄░█▀▄░█░▄<br>
            ░▒█▒█▒█░░█▀░█▀▄░░█▀░█▄▄▀░█▄▄█░█░░░█▀▄<br>
            ░▒█░░▀█░▀▀▀░▀░▀░▀▀▀░▀░▀▀░▀░░▀░▀▀▀░▀░▀<br>
        </h1>
        <ul class="flat-list">
            <a href="https://github.com/nikirack">[Github]</a>
            <a href="https://github.com/nikirack">[Github]</a>
        </ul>

    </main>
    <div id="projects">
        <article>
            <h1>Project 1</h1>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum dolores sed, magnam quia, reiciendis non dicta assumenda dolor beatae libero ad voluptatum! Dolorum corrupti rem, facere deserunt tempora accusantium ipsa?
            Dicta nobis obcaecati ratione, consequatur adipisci possimus blanditiis odit provident! Ad velit illum iusto aliquam amet iure, ratione nemo id cupiditate fugit est tenetur placeat suscipit debitis quae nobis quod.
            Velit corporis laboriosam saepe, quisquam laborum blanditiis id. Quod dolor dicta animi fugiat, quis quae possimus distinctio, velit pariatur omnis nobis porro corporis cupiditate. Laudantium ea rerum quidem. Magni, beatae!</p>
            <ul class="flat-list">
                <a href="#">[Github]</a>
                <a href="#">[Read more]</a>
            </ul>
        </article>
        <article>
            <h1>Project 2</h1>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum dolores sed, magnam quia, reiciendis non dicta assumenda dolor beatae libero ad voluptatum! Dolorum corrupti rem, facere deserunt tempora accusantium ipsa?
            Dicta nobis obcaecati ratione, consequatur adipisci possimus blanditiis odit provident! Ad velit illum iusto aliquam amet iure, ratione nemo id cupiditate fugit est tenetur placeat suscipit debitis quae nobis quod.
            Velit corporis laboriosam saepe, quisquam laborum blanditiis id. Quod dolor dicta animi fugiat, quis quae possimus distinctio, velit pariatur omnis nobis porro corporis cupiditate. Laudantium ea rerum quidem. Magni, beatae!</p>
            <ul class="flat-list">
                <a href="#">[Github]</a>
                <a href="#">[Read more]</a>
            </ul>
        </article>
        <article>
            <h1>Project 3</h1>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum dolores sed, magnam quia, reiciendis non dicta assumenda dolor beatae libero ad voluptatum! Dolorum corrupti rem, facere deserunt tempora accusantium ipsa?
            Dicta nobis obcaecati ratione, consequatur adipisci possimus blanditiis odit provident! Ad velit illum iusto aliquam amet iure, ratione nemo id cupiditate fugit est tenetur placeat suscipit debitis quae nobis quod.
            Velit corporis laboriosam saepe, quisquam laborum blanditiis id. Quod dolor dicta animi fugiat, quis quae possimus distinctio, velit pariatur omnis nobis porro corporis cupiditate. Laudantium ea rerum quidem. Magni, beatae!</p>
            <ul class="flat-list">
                <a href="#">[Github]</a>
                <a href="#">[Read more]</a>
            </ul>
        </article>
    </div>
</body>
</html>