myPage/index.html at main · yeonjoo7/myPage · 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
92
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style/style.css">
    <script defer src="js/app.js"></script>
    <title>자기소개 페이지</title>
    <script src="https://kit.fontawesome.com/3e25e07590.js" crossorigin="anonymous"></script>
    <link href="https://fonts.googleapis.com/css2?family=Jua&family=Nunito&family=PT+Sans:wght@700&display=swap" rel="stylesheet"></head>
<body>
    <nav class="navbar">
        <div class="navbar__logo">
            <img src="img/Logo_Kocoon.png" alt="Jenny's page logo : her cat" width="50px;" >
            <a href="index.html">Jenny's Page</a>
        </div>
        <ul class="navbar__menu">
            <li><A href="#Hi!">Hi!</A></li>
            <li><A href="#Studying">What I've learned</A></li>
            <li><A href="#Projects">Projects</A></li>
            <li><A href="#Contact">Contact</A></li>
        </ul>
        <ul class="navbar__links">
            <li><a href="https://github.com/yeonjoo7" target="mapage-github"><i class="fab fa-github"></i></a></li>
            <li><a href="https://velog.io/@yeonjoo7" target="mypage-velog"><i class="fa-regular fa-laptop-code"></i></a></li>
        </ul>
        <a href="#" class="navbar__toggle">
            <i class="fa-solid fa-align-justify"></i>
        </a>
    </nav>
    <div class="content">
        <br><br>
        <A name="Hi!"></A>
        <h1>👩‍💻 안녕하세요! 🙆‍♀️</h1>
        <canvas></canvas>
        <p class="content__text blackColor">새로운 것을 찾아다니고 소통하는 것을 좋아하는 예비개발자입니다!</p>
        <br><br><br><br><br><br>
        <A name="Studying"></A>
        <p class="title">What I've learned 📚</p>
        <p class="content__text blackColor">멋쟁이 사자처럼 인공지능 1기를 수료하고, <br> wecode 풀스택 4기를 진행중입니다. <br> javascript를 공부하고 있습니다.</p>
        <br><br>
        <span class="content__text">공부중인 스택</span>
        <p>
            <img src="https://img.shields.io/badge/html5-E34F26?style=for-the-badge&logo=html5&logoColor=white">
            <img src="https://img.shields.io/badge/css-1572B6?style=for-the-badge&logo=css3&logoColor=white">
            <img src="https://img.shields.io/badge/javascript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black">
            <img src="https://img.shields.io/badge/python-3776AB?style=for-the-badge&logo=python&logoColor=white">
            <img src="https://img.shields.io/badge/django-092E20?style=for-the-badge&logo=django&logoColor=white">
        </p><br><br>
        <span class="content__text blackColor">공부할 스택</span>
        <p>
            <img src="https://img.shields.io/badge/react-61DAFB?style=for-the-badge&logo=react&logoColor=black">
            <img src="https://img.shields.io/badge/node.js-339933?style=for-the-badge&logo=Node.js&logoColor=white">
            <img src="https://img.shields.io/badge/mysql-4479A1?style=for-the-badge&logo=mysql&logoColor=white">
            <img src="https://img.shields.io/badge/amazonaws-232F3E?style=for-the-badge&logo=amazonaws&logoColor=white">
        </p>
        <br><br><br><br><br><br>
        <A name="Projects"></A>
        <p class="title">작업물</p>
        <button id="btn__previous"><</button>
        <div class="container">
            <div class="carousel">
                <div class="inner">
                    <p class="img_caption">첫번째 프로젝트 넣을 자리</p>
                    <img src="img/No soup for you! Is no way to have a growth mindset, but how do we avoid the swirl_.png" alt="If you want to go fast, go alone. If you want to go far, go together!">
                </div>
                <div class="inner">
                    <img src="img/michelle-spollen-unsplash.jpg" alt="mountain and ocean">
                    <span>두번째 프로젝트 넣을 자리</span>
                </div>
                <div class="inner">
                    <img src="img/shot-by-cerqueira-unsplash.jpg" alt="sunset and pinky sand">
                    <span>세번째 프로젝트 넣을 자리</span>
                </div>
            </div>
        </div>
        <button id="btn__next">></button>

        <br><br><br><br><br><br><br>
        <A name="Contact"></A>
        <p class="title">연락하기 🙌</p>
        <div class="contactBox">
            <span onclick="copyEmail('naverMail');" class="content__text blackColor cursor">📧email:&nbsp; rladuswn7@naver.com</span><br>
            <span onclick="copyEmail('gmail');" class="content__text blackColor cursor">📧email:&nbsp; jenny.likes.breeze@gmail.com</span> <br>
            <span class="content__text cursor"><a class="blackColor" href="https://velog.io/@yeonjoo7" target="mypage-velog">📝velog:&nbsp; @yeonjoo7</a> </span> <br>
            <span class="content__text cursor"><a class="blackColor" href="https://github.com/yeonjoo7" target="mapage-github"><i class="fab fa-github"></i> github:&nbsp; /yeonjoo7</a></span>
        </div>
    <br><br><br>
    <button id="btn__top" class="btnTop">🎈</button>
    </div>
</body>
</html>