*html작성2페이지
<!-- section1 -->
<section id="resoft">
<div class="re_text">
<h1>REsoft 소개</h1><br>
<h2>ABOUT US</h2>
</div>
<div class="re_text2">
<div class="re_tx">
<h1>회사명</h1><h2>(주)리소프트</h2>
</div>
<div class="re_tx2">
<h1>설립일</h1><h2>2021년 5월 6일</h2>
</div>
<div class="re_tx3">
<h1>대표이사</h1><h2>오유나</h2>
</div>
<div class="re_tx4">
<h1>주요 사업</h1><h2>모바일 플랫폼 개발</h2>
</div>
<div class="re_tx5">
<h1>본사</h1><h2>대구광역시 동구 동대구로 465, 대구스케일업허브(DASH) 713호</h2>
</div>
<div class="re_tx6">
<h1>부설연구소</h1><h2>대구광역시 수성구 알파시티1로 160, SW융합테크비즈센터(Dnex) 305호</h2>
</div>
<div class="re_tx7">
<h1>연락처</h1><h2>TEL. (053) 475-2110 / FAX. (0504) 257-5966 / E-mail. call@resoft.kr</h2>
</div>
</div>
</section>
*css작성
/* section1 */
#resoft{
position: relative;
width: 100%;
height: 856px;
}
.re_text{
position: absolute;
left: 15%;
top: 13%;
}
.re_text h1{
font-size: 40px;
}
.re_text h2{
font-size: 18px;
color: #C8C8C8;
}
.re_text2{
position: absolute;
width: 100%;
height: 500px;
top: 30%;
}
.re_text2 h1{
font-size: 24px;
}
.re_text2 h2{
font-size: 20px;
color: #959595;
}
.re_tx,.re_tx2,.re_tx3,.re_tx4,.re_tx5,.re_tx6,.re_tx7{
display: flex;
border-top: 2px solid #C8C8C8;
margin: 0 10% 0 15%;
padding: 22px;
left: 10%;
}
.re_tx h1,.re_tx2 h1,.re_tx3 h1,.re_tx4 h1,.re_tx5 h1,.re_tx6 h1,.re_tx7 h1{
margin: 0;
width: 230px;
}
.re_tx7{
border-bottom: 2px solid #C8C8C8;
}
.re_tx h2{margin: 0;}
.re_tx2 h2{margin:0;}
.re_tx3 h2{margin: 0;}
.re_tx4 h2{margin: 0;}
.re_tx5 h2{margin: 0;}
.re_tx6 h2{margin: 0;}
.re_tx7 h2{margin: 0;}
X
X
기초적인 마진과패딩 레프트 이런 것들로만 위치조정할수있지만 실력이 많이 늘었다는걸 실감한다