portfolio/404.html at main · Asifdotexe/portfolio · 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
---
layout: base.njk
title: 404 Not Found
permalink: /404.html
---
<article class="about active" data-page="404">
                    <header>
                        <h2 class="h2 article-title">404 - Not Found</h2>
                    </header>
                    <div style="width: 100%; display: flex; justify-content: center; padding: 2rem 0;">
                        <canvas id="fuzzy-404" aria-hidden="true" style="max-width: 100%; height: auto;"></canvas>
                    </div>

                    <section class="about-text">
                        <p>
                            <b>The path you're looking for doesn't exist in this directory.</b>
                        </p>
                        <p>
                            <i>"In the midst of chaos, there is also opportunity."</i> Even in an error state, you can find your way back. Let's get you back on track.
                        </p>
                    </section>

                    <section class="service">
                        <h3 class="h3 service-title">Return to familiar territory</h3>
                        <ul class="service-list">
                            <li class="service-item as-link">
                                <a href="/" class="service-item-anchor">
                                    <div class="service-icon-box">
                                        <ion-icon name="home-outline" style="color: var(--vibrant-green); font-size: 24px;"></ion-icon>
                                    </div>
                                    <div class="service-content-box">
                                        <h4 class="h4 service-item-title">Home Base</h4>
                                        <p class="service-item-text">Return to the main dashboard.</p>
                                    </div>
                                </a>
                            </li>
                            <li class="service-item as-link">
                                <a href="/projects/" class="service-item-anchor">
                                    <div class="service-icon-box">
                                        <ion-icon name="code-slash-outline" style="color: var(--vibrant-green); font-size: 24px;"></ion-icon>
                                    </div>
                                    <div class="service-content-box">
                                        <h4 class="h4 service-item-title">Projects</h4>
                                        <p class="service-item-text">Explore technical builds and case studies.</p>
                                    </div>
                                </a>
                            </li>
                            <li class="service-item as-link">
                                <a href="/blogs/" class="service-item-anchor">
                                    <div class="service-icon-box">
                                        <ion-icon name="book-outline" style="color: var(--vibrant-green); font-size: 24px;"></ion-icon>
                                    </div>
                                    <div class="service-content-box">
                                        <h4 class="h4 service-item-title">Blogs</h4>
                                        <p class="service-item-text">Read technical articles and insights.</p>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </section>
                </article>