keepcoding-02-html-css/404.html at main · pablo-sch/keepcoding-02-html-css · 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
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sierra-117</title>

    <link rel="icon" type="image/png" href="https://pablosch26.github.io/keepcoding-html-css-submission-2/assets/app/icon.png">

    <link rel="stylesheet" href="https://pablosch26.github.io/keepcoding-html-css-submission-2/styles/normalize.css">
    <link rel="stylesheet" href="https://pablosch26.github.io/keepcoding-html-css-submission-2/styles/common.css">

    <link rel="stylesheet" href="https://pablosch26.github.io/keepcoding-html-css-submission-2/styles/banner.css">

    <link rel="stylesheet" href="https://pablosch26.github.io/keepcoding-html-css-submission-2/styles/components/error_page.css">

</head>

<body class="body-error-bg">
    <h1 class="sr-only">Halo</h1>
    <header class="header">
        <a href="index.html">
            <img class="logo" src="https://pablosch26.github.io/keepcoding-html-css-submission-2/assets/app/Logo_Mobile.png" alt="Logo">
            <!--<div class="logo"></div>-->
        </a>

        <div class="menu-container">
            <input type="checkbox" id="menu-toggle" class="menu-toggle">
            <label for="menu-toggle" class="menu-btn">Menu</label>

            <nav class="nav">
                <ul class="list">
                    <li><a class="btn-header" href="projects.html">Projects</a></li>
                    <li><a class="btn-header" href="#skills">Skills</a></li>
                    <li><a class="btn-header" href="#contact">Contact</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <main>
        <article class="error-container">
            <div class="error-show">
                <div class="text-container">
                    <h2>
                        404
                    </h2>
                </div>
                <div class="image-container">
                    <img class="error_img" src="https://pablosch26.github.io/keepcoding-html-css-submission-2/assets/app/Error_Image.png" alt="Imagen de error 404">
                </div>
            </div>
            <div class="msg-error">
                <p>
                    Example of error output for development status:

                    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Non dolores dolorem provident perferendis aut corrupti earum accusantium illo et est neque laudantium officia architecto asperiores, voluptatum voluptatem. A, saepe voluptatem!
                    Voluptatibus nisi, quae tempore delectus illo nesciunt similique ducimus temporibus dicta pariatur sapiente! Nihil asperiores iusto nesciunt aspernatur iste voluptatibus veniam optio sint voluptatum quas? Consectetur exercitationem eum ab quidem.
                    Suscipit, ipsum ad. Ipsam vel vero earum quisquam modi temporibus cupiditate velit, quod autem totam maxime, asperiores voluptatibus accusantium voluptate error neque omnis nisi quaerat beatae quos fugiat! Vel, enim?
                    Suscipit in est quas quis necessitatibus ab iure animi doloribus quasi, maxime rerum at? Explicabo ullam quae, dignissimos minus error nostrum qui amet, earum nemo fugiat optio beatae labore necessitatibus.
                    Excepturi, molestiae enim! Tempore sit sunt, consectetur itaque deleniti, ad autem quae, ut voluptatum fugit quam rerum quia vero esse saepe a. Perspiciatis commodi labore iste deserunt minus quod id?
                    Voluptas libero dolore incidunt, maxime impedit, facere quaerat tempore, sunt ducimus aperiam ea laboriosam cumque distinctio. Eius, a? Aliquam tempora error delectus magni est nostrum, ut omnis! In, qui iusto?
                    Alias ratione dolores vitae at corrupti animi, eaque, velit quod in placeat ipsa sunt excepturi tempora. Sunt consectetur voluptates tempora debitis, ipsum quia non quos sint magni placeat doloribus hic.
                    Cum deleniti quaerat animi facilis ipsam neque, esse quis aliquam repellat deserunt est a provident eaque modi tenetur eveniet quas quod iure ea asperiores! Iste ipsum atque cupiditate nemo fuga.
                    Odit commodi ad debitis recusandae suscipit fugiat minima deleniti, ipsum similique id. Iure repellendus, assumenda, natus, atque possimus similique ab debitis a pariatur beatae adipisci voluptatibus fugit corrupti nisi laborum.
                    Inventore cumque natus, quidem similique quod doloribus veritatis nam! Molestias suscipit labore atque magnam numquam non beatae optio sed. Delectus ipsa quaerat a hic saepe nesciunt dolor dignissimos adipisci iusto.
                </p>
            </div>
        </article>
    </main>
</body>

</html>