fpicacho.github.io/index.html at main · Fpicacho/fpicacho.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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>F_picacho</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="./css/fonts-googleapis.css">
    <link rel="stylesheet" href="./css/main.css">
    <link rel="stylesheet" href="./css/general-attributes.css">
</head>
<body>
    <section>
        <div class="flex-s-b flex-items-ss m-b-2vw">
            <div class="unitContainer">
                <p>F_picacho</p>
                <span id="headerImg"></span>
                <p class="number">01</p>
            </div>
            <div class="unitContainer">
                <p class="hollowWord">Man.</p>
                <span></span>
                <p class="number">02</p>
            </div>
            <div class="titleBox">
                <p>ABOUT. <span>INDEX</span>, <br> CONTACT</p>
            </div>
        </div>
        <div class="unitContainer m-b-2vw m-l-10vw">
            <p class="hollowWord" id="Old"></p>
            <span></span>
            <p class="number">03</p>
        </div>
        <div class="unitContainer m-b-2vw">
            <p>フロントエンドの魔法を修行中</p>
            <span></span>
            <p class="number">04</p>
        </div>
        <div class="flex m-b-2vw">
            <div class="unitContainer">
                <p class="hollowWord">おたく</p>
                <span></span>
                <p class="number">05</p>
            </div>
            <div class="unitContainer">
                <p class="hollowWord">Uiharu Kazari</p>
                <span></span>
                <p class="number">06</p>
            </div>
        </div>

        <div class="barCodeBox">
            <span class="imgBox"></span>
            <p>CODE128:</p>
            <p>FALL WINTER,2021</p>
        </div>
        <div class="decorateBox flex-s-b">
            <p>(Index)</p>
            <p style="text-align: right">FW-21 <br>BY-F_picahco</p>
        </div>
    </section>
    <section>
        <h1>Hello.</h1>
        <h3>My name is F_picacho</h3>
        <p class="synopsis">
            I am a technology enthusiast currently focused on network security and front-end development.
            I have a strong interest in web security, system architecture, and front-end engineering,
            and I enjoy exploring new technologies and finding more elegant and efficient ways to implement solutions.
        </p>
        <p class="synopsis">
            In my spare time, I enjoy savoring a refreshing Coca-Cola and immersing myself in the world of animations.
            If you share an interest in front-end technologies, cybersecurity, or
            <a href="https://space.bilibili.com/16052014" target="_blank"> ACG</a> (Anime, Comics, and
            <a href="https://steamcommunity.com/id/fpicacho/" target="_blank">Games</a>),
            feel free to connect with me on <a href="tencent://message/?uin=2314008827&Site=&Menu=yes">QQ</a>.
            I believe that common interests and hobbies are great foundations for meaningful connections and friendships.
        </p>
        <p class="synopsis">
            I regularly share insights and updates about my technical journey on my
            <a href="https://fpicacho.denlab.top/" target="_blank">Blog</a>.
            Additionally, I contribute to open-source projects on
            <a href="https://github.com/Fpicacho" target="_blank">GitHub</a>,
            where I welcome your feedback and suggestions. Your input is invaluable and greatly appreciated!
        </p>
    </section>
    <footer>
        Presented By F_picacho<span style="color: yellow">⚡</span><br>© 2021-2022
    </footer>
    <script src="./js/main.js"></script>
</body>
</html>