portfolio/index.html at main · Me1e/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
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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>MinJun's portfolio</title>
    <link rel="stylesheet" href="./main.css">
    <link rel="shortcut icon" href="./icon.png">
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,400;0,500;0,600;0,800;0,900;1,200;1,400;1,500;1,600;1,800;1,900&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">

  </head>
  <body bgcolor='#fec2b8'>
      <header class="firstPage">
        <div class="textBox">
          "about me"
        </div>
        <img class="profileImage" src="./profile.jpg" alt="profileImage">
      </header>

      <div class="secondPage">
        <div class="introduce">
          안녕하세요! <br> <a class="highlight type1">하루</a>하루
          <a class="highlight type2">성장</a>하는 <br><a class="highlight type3">풀스택</a>  개발자를 꿈꾸는
          <br> 대학생 <a class="sample">김민준</a>입니다.
        </div>
      </div>


      <div class="thirdPage">
        <div class="titleSide">
          <h4 class="title">Experiences</h4>

          <article class="titleImg">
            <img class="sc" src="./1.jpg" alt="">
            <div class="explainHidden">
              <div class="explainTitle">
                Design Thinking을 활용한 창의적 문제 해결
              </div>
              <div class="desc">
                교내에서 진행한 문제 해결기법 교육입니다.<br>
                이론 교육을 한 뒤 팀 단위로 프로젝트를 진행했습니다.<br>
                저희 팀은 노인들의 병원 접근 문제에 대해 진행했습니다.
              </div>
            </div>
          </article>

          <article class="titleImg">
            <img class="sc"src="./2.jpg" alt="">
            <div class="explainHidden">
              <div class="explainTitle">
                전북대학교 교내 아이디어 공모전 우수상(2위)
              </div>
              <div class="desc">
                동아리에서 팀을 만들어 수상한 공모전입니다.<br>
                당시 공대 1호관의 길찾기 문제점을 지하철의 컬러테이프를 이용해 해결하고자 했습니다.
              </div>
            </div>
          </article>

          <article class="titleImg">
            <img class="sc"src="./3.jpg" alt="">
            <div class="explainHidden">
              <div class="explainTitle">
                전북대학교 총동아리 연합회 활동
              </div>
              <div class="desc">
                학교의 중앙동아리를 관리하는 부서인 총동아리 연합회에서 기획국 단원으로 활동했습니다.<br>
                기획국 활동을 하면서 "비대면 콘서트" 등 여러 활동들을 했습니다.
              </div>
            </div>
          </article>

        </div>
        <div class="explainSide">

          <div class="explain">
            <div class="explainTitle">
              Design Thinking을 활용한 창의적 문제 해결
            </div>
            <div class="desc">
              교내에서 진행한 문제 해결기법 교육입니다.<br>
              이론 교육을 한 뒤 팀 단위로 프로젝트를 진행했습니다.<br>
              저희 팀은 노인들의 병원 접근 문제에 대해 진행했습니다.
            </div>
          </div>

          <div class="explain">
            <div class="explainTitle">
              전북대학교 교내 아이디어 공모전 우수상(2위)
            </div>
            <div class="desc">
              동아리에서 팀을 만들어 수상한 공모전입니다.<br>
              당시 공대 1호관의 길찾기 문제점을 지하철의 컬러테이프를 이용해 해결하고자 했습니다.
            </div>
          </div>

          <div class="explain">
            <div class="explainTitle">
              전북대학교 총동아리 연합회 활동
            </div>
            <div class="desc">
              학교의 중앙동아리를 관리하는 부서인 총동아리 연합회에서 기획국 단원으로 활동했습니다.<br>
              기획국 활동을 하면서 "비대면 콘서트" 등 여러 활동들을 했습니다.
            </div>
          </div>

        </div>
      </div>


      <footer class="fourthPage">
        <div class="contack">
          CONTACK ME
        </div>
        <div class="phone">
          Phone: 010-3365-4992
        </div>
        <div class="email">
          E-mail: mele0404@naver.com
        </div>
        <div class="instagram">
          SNS:
          <a class="instaLink" href="https://www.instagram.com/______mele______/">INSTAGRAM</a>
        </div>
      </footer>
  </body>
</html>