about us card img change

rtdtbb8
Commit 2e131a28e737de168ac441db981ad1a6cac3f2b8 2e131a28 1 parent 3b2d547e
Showing 5 changed files with 44 additions and 40 deletions
About Us/About Us.css
About Us/About Us.html
About Us/interest1.png
About Us/me1.png
About Us/summary1.png
--- a/About Us/About Us.css
View file @2e131a2
+++ b/About Us/About Us.css
View file @2e131a2
@@ -157,25 +157,24 @@ body {
     top: 0;
     left: 0;
     width: 100%;
-    height: 200%;
+    height: 150%;
     pointer-events: none;
     background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.009) 11.7%, rgba(0, 0, 0, 0.034) 22.1%, rgba(0, 0, 0, 0.072) 31.2%, rgba(0, 0, 0, 0.123) 39.4%, rgba(0, 0, 0, 0.182) 46.6%, rgba(0, 0, 0, 0.249) 53.1%, rgba(0, 0, 0, 0.32) 58.9%, rgba(0, 0, 0, 0.394) 64.3%, rgba(0, 0, 0, 0.468) 69.3%, rgba(0, 0, 0, 0.54) 74.1%, rgba(0, 0, 0, 0.607) 78.8%, rgba(0, 0, 0, 0.668) 83.6%, rgba(0, 0, 0, 0.721) 88.7%, rgba(0, 0, 0, 0.762) 94.1%, rgba(0, 0, 0, 0.79) 100%);
     transform: translateY(-50%);
     transition: transform calc(var(--d) * 2) var(--e);
   }
   .card:nth-child(1):before {
-    background-image: src="/src/song.png";
+    background-image: url("me1.png");
   }
   .card:nth-child(2):before {
-    background-image: src="/src/song.png";
+    background-image: url("interest1.png");
   }
   .card:nth-child(3):before {
-    background-image: src="/src/song.png";
+    background-image: url("summary1.png");
-  }
-  .card:nth-child(4):before {
-    background-image: src="/src/song.png";
   }
+
+
   .content {
     position: relative;
     display: flex;
@@ -376,7 +375,7 @@ span {
 /* 내비 */
 body {
-  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-family: Noto Sans KR, Bold;
   overflow-x: hidden;
 }
 .center
@@ -391,13 +390,13 @@ a,
 a:hover,
 a:focus,
 a:active,{
-	color: #99CED4;/*hover-highlight over,active-highlisht when clicked,focus-highlight when under use*/
+	color: none;/*hover-highlight over,active-highlisht when clicked,focus-highlight when under use*/
 	outline: none; /*gives outline to an element*/
 }
 h2,
 h3,
 {
-  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: Noto Sans KR, Bold;
   text-transform: uppercase;
   font-weight: 700;
   font-size: 30px;
@@ -422,31 +421,33 @@ hr.star-primary:after {
   padding: 0 0.25em;
 }
 hr.star-light {
-  border-color: white; /*gives border white*/
+  border-color: none; /*gives border white*/
 }
 hr.star-light:after {
-  background-color: #18BC9C;
+  background-color: none;
-  color: white;
+  color: none;
 }
 hr.star-primary {
-  border-color: #2C3E50;
+  border-color: none;
 }
 hr.star-primary:after {
-  background-color: white;
+  background-color: none;
-  color: #2C3E50;
+  color: none;
 }
 header {
   text-align: center;
-  background: #18BC9C;
+  background: none;
-  color: white;
+  color: none;
 }
 header .container {
   padding-top: 100px;
   padding-bottom: 50px;
+  background: none;
+  color: none;
 }
 header .intro .name {
   display: block;
-  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: Noto Sans KR, Bold;
   text-transform: uppercase;
   font-weight: 700;
   font-size: 2em;
@@ -468,8 +469,8 @@ header .intro .skills {
   }
 }
 .navbar-custom {
-  background: #2C3E50;
+  background: none;
-  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: Noto Sans Kr, Bold;
   text-transform: uppercase;
   font-weight: 700;
   border: none;
@@ -478,53 +479,53 @@ header .intro .skills {
   letter-spacing: 1px;
 }
 .navbar-custom .navbar-nav li a {
-  color: white;
+  color: none;
 }
 .navbar-custom .navbar-nav li a:hover {
-  color: #18BC9C;
+  color: none;
   outline: none;
 }
 .navbar-custom .navbar-nav li a:focus,
 .navbar-custom .navbar-nav li a:active {
-  color: white;
+  color: none;
 }
 .navbar-custom .navbar-nav li.active a {
-  color: white;
+  color: none;
-  background: #18BC9C;
+  background: none;
 }
 .navbar-custom .navbar-nav li.active a:hover,
 .navbar-custom .navbar-nav li.active a:focus,
 .navbar-custom .navbar-nav li.active a:active {
-  color: white;
+  color: none;
-  background: #18BC9C;
+  background: none;
 }
 .navbar-custom .navbar-toggle {
-  color: white;
+  color:none;
   text-transform: uppercase;
   font-size: 10px;
-  border-color: white;
+  border-color: none;
 }
 .navbar-custom .navbar-toggle:hover,
 .navbar-custom .navbar-toggle:focus {
-  background-color: #18BC9C;
+  background-color: none;
-  color: white;
+  color: none;
-  border-color: #18BC9C;
+  border-color: none;
 }
 footer {
-  color: white;
+  color: none;
 }
 footer h3 {
   margin-bottom: 30px;
 }
 footer .footer-above {
   padding-top: 50px;
-  background-color: #2C3E50;
+  background-color: none;
 }
 footer .footer-col {
   margin-bottom: 50px;
 }
 footer .footer-below {
   padding: 25px 0;
-  background-color: #233140;
+  background-color: none;
 }
 /* 내비 */
--- a/About Us/About Us.html
View file @2e131a2
+++ b/About Us/About Us.html
View file @2e131a2
@@ -38,7 +38,7 @@
                 </div><!--end of button-->
                 <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><!--to collapse-->
                     <ul class="nav navbar-nav">
-                        <li><a href="/index.html">Home</a></li>
+                        <li><a href="/index.html">Home></script> </a></li>
                     </ul>
                     <ul class="nav navbar-nav navbar-right page-scroll">
                         <!--second UL to go to right having proprty to scroll page-->
@@ -88,6 +88,7 @@
                     <div style="float: left; width: 40%;">
                         <img src="/src/song.png" style="display: block; margin: 0 auto;">
+                        <h3>Song Min Gyeom </h3>
                     </div>
                     <!-- 요소들 -->
@@ -156,7 +157,7 @@
                                         작업들을 시도중입니다.
                                         제 개인 작업물이
                                         보고 싶으시다면,
-                                        옆 계정에 놀러와주세요! </p>
+                                        @supernonvan49 계정에 놀러와주세요! </p>
                                 </div>
                             </div>
                             <!-- 2번칸 -->
@@ -201,10 +202,12 @@
                     <!-- 요소들 -->
-                    <div style="float: left; width: 36%;">
+                    <div style="float: right; width: 36%;">
                         <img src="/src/kim.png" style="display: block; margin: 0 auto;">
+                         <h3> Yujin Kim </h3>
                     </div>
-
+                
+                  
                 </div>
             </div>
             <!-- 3페이지 -->
--- a/About Us/interest1.png 0 → 100644
View file @2e131a2
+++ b/About Us/interest1.png 0 → 100644
View file @2e131a2
--- a/About Us/me1.png 0 → 100644
View file @2e131a2
+++ b/About Us/me1.png 0 → 100644
View file @2e131a2
--- a/About Us/summary1.png 0 → 100644
View file @2e131a2
+++ b/About Us/summary1.png 0 → 100644
View file @2e131a2