송민겸 / EMOJI-HUMAN

Go to a project
Toggle navigation Toggle navigation pinning
rtdtbb8
2e131a28 1 parent 3b2d547e

about us card img change

Inline Side-by-side
Showing 5 changed files with 44 additions and 40 deletions
......@@ -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";
}
.card:nth-child(4):before {
background-image: src="/src/song.png";
background-image: url("summary1.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;
color: white;
background-color: none;
color: none;
}
hr.star-primary {
border-color: #2C3E50;
border-color: none;
}
hr.star-primary:after {
background-color: white;
color: #2C3E50;
background-color: none;
color: none;
}
header {
text-align: center;
background: #18BC9C;
color: white;
background: none;
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;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
background: none;
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;
background: #18BC9C;
color: none;
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;
background: #18BC9C;
color: none;
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;
color: white;
border-color: #18BC9C;
background-color: none;
color: none;
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;
}
/* 내비 */
......
......@@ -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페이지 -->
......