anim added

README.md

@@ -1,46 +1,49 @@
-# portfolio_airbus
-
-still working on it
-
-UX 포인트
-근미래 한국에 헬리콥터가 보편화될것을 예상해
-한국에 익숙한 마일, 갤런 대신 km, kg 등의 개량형을 사용했다.
-
-(작업중인 사이트)
-https://jobkaehenry.github.io/portfolio_airbus-redesign/
-
-
-
-개발 일지
-
-
-22.02.15
-작업을 처음 시작할때 class와 id 의 정확한 차이를 몰라서 뒤죽박죽 하다 (천천히 고쳐가는중)
-
-클래스이름, id 이름 짓는게 제일 어려운듯 하다.
-
-22.03.16
-세상에...css를 여려개를 연결하면 된다는걸 몰랐다.
-반복되는 css (디자인컴포넌트, 전체선택자 선언문 등)은 하나 만들어놓고 연결하면 되는구나
-
-+카카오맵 api를 불러와서 지도를 삽입했다
-
-22.03.20
-반복되는 내용들이 많은데 자바스크립트를 빨리 익혀서 빨리 풀어버리고 싶다.
-ex) 내용을 엑셀로 미리 작성해서 한번에 바꿀수 있으면 좋겠다.. 태그 일일히 찾아다니면서 내용 수정하는건 아닌거같다.
-분명 방법이 있을텐데 내가 모르는듯
-
-사이트 페이지 갯수만큼 빈 html로 미리 만들어놓고 개발해야겠다
-
-푸터, 카테고리는 미리 만들어서 (HTML,CSS,JS) 링크를 모두 빈HTML에 
-연결 후 푸터랑 카테고리 필요한곳에 들고다녀야겠다
-
-
-22.03.25
-아직 form 태그에서 버튼 클릭시 정보가 어디로 어떻게 보내지는지 전혀 알수가없다.
-
-
-
-22.03.31
-form 태그에서 버튼을 누르면 정보가 서버로 보내진다는걸 알아냇다. 근데 서버는 어떻게 만들지..;
-+ Iframe을 이용해서 유튜브 영상을 대려왔다. 자동재생, 음소거 등등 설정도 완료!
+# portfolio_airbus
+
+
+<하드코딩 프로젝트>
+
+still working on it
+
+UX 포인트
+근미래 한국에 헬리콥터가 보편화될것을 예상해
+한국에 익숙한 마일, 갤런 대신 km, kg 등의 개량형을 사용했다.
+
+(작업중인 사이트)
+https://jobkaehenry.github.io/portfolio_airbus-redesign/
+
+
+
+개발 일지
+
+
+22.02.15
+작업을 처음 시작할때 class와 id 의 정확한 차이를 몰라서 뒤죽박죽 하다 (천천히 고쳐가는중)
+
+클래스이름, id 이름 짓는게 제일 어려운듯 하다.
+
+22.03.16
+세상에...css를 여려개를 연결하면 된다는걸 몰랐다.
+반복되는 css (디자인컴포넌트, 전체선택자 선언문 등)은 하나 만들어놓고 연결하면 되는구나
+
++카카오맵 api를 불러와서 지도를 삽입했다
+
+22.03.20
+반복되는 내용들이 많은데 자바스크립트를 빨리 익혀서 빨리 풀어버리고 싶다.
+ex) 내용을 엑셀로 미리 작성해서 한번에 바꿀수 있으면 좋겠다.. 태그 일일히 찾아다니면서 내용 수정하는건 아닌거같다.
+분명 방법이 있을텐데 내가 모르는듯
+
+사이트 페이지 갯수만큼 빈 html로 미리 만들어놓고 개발해야겠다
+
+푸터, 카테고리는 미리 만들어서 (HTML,CSS,JS) 링크를 모두 빈HTML에 
+연결 후 푸터랑 카테고리 필요한곳에 들고다녀야겠다
+
+
+22.03.25
+아직 form 태그에서 버튼 클릭시 정보가 어디로 어떻게 보내지는지 전혀 알수가없다.
+
+
+
+22.03.31
+form 태그에서 버튼을 누르면 정보가 서버로 보내진다는걸 알아냇다. 근데 서버는 어떻게 만들지..;
++ Iframe을 이용해서 유튜브 영상을 대려왔다. 자동재생, 음소거 등등 설정도 완료!

css/achivement.css

@@ -0,0 +1,33 @@
+.uni_bg img {
+    margin-top: 10vh;
+    max-width: 80%;
+  }
+  .uni_bg p{
+    color: #fff;
+  }
+
+  .imgWrap{
+    width: 100vh;
+  }
+
+  .uni_bg {
+    width: 100%;
+    overflow: hidden;
+    background-image: url(../img/bg_pattern.jpg);
+    background-attachment: fixed;
+  }
+
+  .left {
+    float: left;
+
+  }
+  .left img{
+    border-radius: 0 300px 300px 0;
+  }
+
+  .right {
+    float: right;
+  }
+  .right img{
+    border-radius: 400px 0 0 400px;
+  }

css/b_a_s_i_c.css

@@ -21,6 +21,9 @@ li {
 a {
   text-decoration: none;
 }
+table{
+  border-collapse: collapse;
+}
 
 .wrap {
   width: 100%;
@@ -30,6 +33,7 @@ a {
 button {
   background: none;
   border: none;
+  cursor: pointer;
 }
 
 /* 텍스트스타일 */
@@ -68,12 +72,29 @@ p {
 .bold {
   font-weight: 700;
 }
+.medium{
+  font-weight: 500;
+}
 
 .thin {
   font-weight: 100;
   font-family: 'Roboto', sans-serif;
 }
-
+.blue{
+  color: #191993;
+}
+.gray{
+  color: #6b6b6b;
+}
+.mb{
+  margin-bottom: 30px;
+}
+.mt{
+  margin-top: 30px;
+}
+.center{
+  text-align: center;
+}
 /* 디자인 컴포넌트 */
 
 .logo_lg {