Private profile

index.html

@@ -67,7 +67,7 @@ <h1 class="part-title">Unbap Member Profile</h1>
               <img class="img" src="/images/John.png" />
             </div>
             <p>
-              <b class="name">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;유정섭</b
+              <b class="name">&nbsp;&nbsp;&nbsp;&nbsp;유정섭</b
               ><span class="info">&nbsp;John</span><br /><br />
               <span class="list">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;별명:</span>
               <span class="ext">컴공대장</span><br />
@@ -97,7 +97,7 @@ <h1 class="part-title">Unbap Member Profile</h1>
               <img class="img" src="/images/Elena.png" />
             </div>
             <p>
-              <b class="name">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;임정현</b>
+              <b class="name">&nbsp;&nbsp;&nbsp;&nbsp;임정현</b>
               <span class="info">&nbsp;Elena</span><br /><br />
               <span class="list">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;별명: </span
               ><span class="ext">주식대장</span><br />
@@ -126,7 +126,7 @@ <h1 class="part-title">Unbap Member Profile</h1>
               <img class="img" src="/images/Noah.png" />
             </div>
             <p>
-              <b class="name">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;전소명</b>
+              <b class="name">&nbsp;&nbsp;&nbsp;&nbsp;전소명</b>
               <span class="info">&nbsp;Noah</span><br /><br />
               <span class="list">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;별명: </span
               ><span class="ext">먹방대장</span><br />
@@ -150,26 +150,26 @@ <h1 class="part-title">Unbap Member Profile</h1>
         </div>
 
         <div class="profile">
-          <a class="site" href="https://www.naver.com/">
-            <div class="box">
-              <img class="img" src="/images/Peter.png" />
-            </div>
-            <p>
-              <b class="name">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;정주영</b>
-              <span class="info">&nbsp;Peter</span><br /><br />
-              <span class="list">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;별명: </span
-              ><span class="ext">패션왕</span><br />
-              <span class="list">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;학교: </span
-              ><span class="ext">한동대학교</span><br />
-              <span class="list">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;전공: </span
-              ><span class="ext">컴퓨터공학심화</span>
-            </p>
-          </a>
-          <a class="priv" href="https://github.com/youngjungju">
-            <div class="gitbox">
-              <img class="github" src="/github/25231.png" />
-            </div>
-          </a>
+         <a class="site" href="https://www.naver.com/">
+           <div class="box">
+             <img class="img" src="/images/Peter.png" />
+           </div>
+           <p>
+             <b class="name">&nbsp;&nbsp;&nbsp;&nbsp;정주영</b>
+             <span class="info">&nbsp;Peter</span><br /><br />
+             <span class="list">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;별명: </span><span class="ext">패션왕</span
+             ><br />
+             <span class="list">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;학교: </span><span class="ext">한동대학교</span
+             ><br />
+             <span class="list">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;전공: </span
+             ><span class="ext">컴퓨터공학심화</span>
+           </p>
+         </a>
+         <a class="priv" href="https://github.com/youngjungju">
+           <div class="gitbox">
+             <img class="github" src="/github/25231.png" />
+           </div>
+         </a>
 
           <a href="mailto:22000694@handong.edu">
             <div class="emailbox">
@@ -184,12 +184,12 @@ <h1 class="part-title">Unbap Member Profile</h1>
               <img class="img" src="/images/Joy.png" />
             </div>
             <p>
-              <b class="name">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;최혜림</b
-              ><span class="info">&nbsp;Joy</span><br /><br />
-              <span class="list">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;별명:</span>
-              <span class="ext">오케왕</span><br />
-              <span class="list">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;학교: </span
-              ><span class="ext">한동대학교</span><br />
+              <b class="name">&nbsp;&nbsp;&nbsp;&nbsp;최혜림</b><span class="info">&nbsp;Joy</span
+              ><br /><br />
+              <span class="list">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;별명:</span> <span class="ext">오케왕</span
+              ><br />
+              <span class="list">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;학교: </span><span class="ext">한동대학교</span
+              ><br />
               <span class="list">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;전공: </span
               ><span class="ext">컴퓨터공학심화</span>
             </p>
@@ -214,7 +214,7 @@ <h1 class="part-title">Unbap Member Profile</h1>
               <img class="img" src="/images/Freddie.png" />
             </div>
             <p>
-              <b class="name">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;홍석찬</b>
+              <b class="name">&nbsp;&nbsp;&nbsp;&nbsp;홍석찬</b>
               <span class="info">&nbsp;Freddie</span><br /><br />
               <span class="list">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;별명: </span
               ><span class="ext">팀장님</span><br />

part-2.js

@@ -0,0 +1,51 @@
+var slideIndex = 0; //slide index
+
+// HTML 로드가 끝난 후 동작
+window.onload=function(){
+  showSlides(slideIndex);
+
+  // Auto Move Slide
+//   var sec = 3000;
+//   setInterval(function(){
+//     slideIndex++;
+//     showSlides(slideIndex);
+
+//   }, sec);
+}
+
+
+// Next/previous controls
+function moveSlides(n) {
+  slideIndex = slideIndex + n
+  showSlides(slideIndex);
+}
+
+// Thumbnail image controls
+function currentSlide(n) {
+  slideIndex = n;
+  showSlides(slideIndex);
+}
+
+function showSlides(n) {
+
+  var slides = document.getElementsByClassName("mySlides");
+  var dots = document.getElementsByClassName("dot");
+  var size = slides.length;
+
+  if ((n+1) > size) {
+    slideIndex = 0; n = 0;
+  }else if (n < 0) {
+    slideIndex = (size-1);
+    n = (size-1);
+  }
+
+  for (i = 0; i < slides.length; i++) {
+      slides[i].style.display = "none";
+  }
+  for (i = 0; i < dots.length; i++) {
+      dots[i].className = dots[i].className.replace(" active", "");
+  }
+
+  slides[n].style.display = "block";
+  dots[n].className += " active";
+}

privateProfile.html

@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+   <meta charset="UTF-8" />
+   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+   <link rel="stylesheet" href="main.css" />
+   <link rel="stylesheet" href="mainpage.css" />
+   <link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap" rel="stylesheet" />
+   <script src="https://code.jquery.com/jquery-3.6.0.min.js"
+      integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+   <link href="project-2.css" rel="stylesheet" />
+   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" crossorigin="anonymous">
+   <script src="part-2.js"></script>
+
+   <title>UNBAP</title>
+</head>
+
+<body>
+   <div class="part-2">
+
+      <div class="box2">
+         <img class="img2" src="/images/John.png" />
+      </div>
+
+      <table class="table">
+         <th class="self">
+            I AM
+            <b class="engn"> &nbsp;JOHN </b><br>
+         </th>
+
+         <tr>
+            <td class="selfint">
+               <span class="selfin">자기소개입니다.</span><br>
+               <span class="selfin">안녕하세요. 한동대학교에 재학 중인 2학년 유정섭입니다.넹 그렇습니다.</span><br>
+               <span class="selfin">세번째줄입니다. 네 그렇습니다.</span><br>
+               <span class="selfin">마지막줄이네요. 네 맥시멈입니다.</span><br>
+            </td>
+         </tr>
+
+         <td>
+            <p class="tit">
+               <b>프로젝트</b>
+            </p>
+         </td>
+
+         <tr>
+            <td>
+               <!-- <a class="prev" onclick="moveSlides(-1)">&#10094;</a> -->
+
+               <div class="slideshow-container">
+                  <!-- <div class="mySlides fade"> -->
+                  <img src="img/chrome.jpeg" style="width:100%; height: 100%">
+                  <!-- <div class="text">언크</div> -->
+                  <!-- </div> -->
+               </div>
+               <div class="slideshow-container">
+                  <!-- <div class="mySlides fade"> -->
+                  <img src="img/taxi.png" style="width:100%; height: 100%;">
+                  <!-- </div> -->
+               </div>
+
+               <div class="slideshow-container">
+                  <!-- <div class="mySlides fade"> -->
+                  <img src="img/web.jpg" style="width:100%; height: 100%">
+                  <!-- </div> -->
+               </div>
+
+               <!-- <a class="next" onclick="moveSlides(1)">&#10095;</a> -->
+            </td>
+         </tr>
+
+         <tr>
+            <td>
+               <p class="tit"><b>tool</b></p>
+            </td>
+         </tr>
+         <tr>
+            <td>
+               <div class="box3">
+                  <img class="img3" src="language/python.jpg">
+               </div>
+
+               <div class="box3">
+                  <img class="img3" src="language/java.jpg">
+               </div>
+
+               <div class="box3">
+                  <img class="img3" src="language/c1.png">
+               </div>
+
+               <div class="box3">
+                  <img class="img3" src="language/js.png">
+               </div>
+            </td>
+         </tr>
+
+         <tr>
+            <td>
+               <div class="box3">
+                  <img class="img3" src="language/react.jpg">
+               </div>
+
+               <div class="box3">
+                  <img class="img3" src="language/flutter.png">
+               </div>
+
+               <div class="box3">
+                  <img class="img3" src="language/goc.png">
+               </div>
+
+               <div class="box3">
+                  <img class="img3" src="language/c++.jpg">
+               </div>
+            </td>
+         </tr>
+
+         <tr>
+            <td>
+               <div class="box3">
+                  <img class="img3" src="language/css.jpg">
+               </div>
+
+               <div class="box3">
+                  <img class="img3" src="language/html.png">
+               </div>
+            </td>
+         </tr>
+      </table>
+   </div>
+
+</body>
+
+</html>