<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>repl.it</title>
<link href="style/common.css" rel="stylesheet" type="text/css" />
<link href="style/main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="messi">
<div class="firstd">
<div class="logoset1">
<div><img class="toplogo" src="https://s3.ap-northeast-2.amazonaws.com/cdn.wecode.co.kr/bearu/logo.png">
</div>
<div class="boderlight">
</div>
<div><img class="toplogo2" src="img/logo_text.png">
</div>
</div>
<div class="gumsaek">
<input type="text" class="gumsaek1" placeholder="검색">
<img class="a3" src="https://s3.ap-northeast-2.amazonaws.com/cdn.wecode.co.kr/icon/search.png" width="17px"
height="17px">
</div>
<div class="logoset2">
<div><img class="secondlogo1" src="https://s3.ap-northeast-2.amazonaws.com/cdn.wecode.co.kr/bearu/explore.png">
</div>
<div><img class="secondlogo2" src="https://s3.ap-northeast-2.amazonaws.com/cdn.wecode.co.kr/bearu/heart.png">
</div>
<div><img class="secondlogo3" src="https://s3.ap-northeast-2.amazonaws.com/cdn.wecode.co.kr/bearu/profile.png">
</div>
</div>
</div>
<!-- 밑에 중앙 -->
<div class="container">
<div class="containerSmall">
<div class="imgbigbox">
<div class="imegebox">
<div class="ppootelogodiv">
<div class="centerup">
<div class="centermini">
<div class="ppootelogoimg">
<img class="ppootelogo"
width="32px" height="32px">
</div>
<div class="ppootetext">
<span class="ppootespan">ppoote</span>
</div>
</div>
</div>
<div class="dotimg">
<img class="dotimgclasss" src="https://s3.ap-northeast-2.amazonaws.com/cdn.wecode.co.kr/bearu/more.png">
</div>
</div>
<img class="captin" src="https://ojsfile.ohmynews.com/STD_IMG_FILE/2016/0920/IE002022140_STD.jpg">
</div>
<div class="icons">
<div class="heart">
<div class="heat1">
<img class="heart1img" src="https://s3.ap-northeast-2.amazonaws.com/cdn.wecode.co.kr/bearu/heart.png">
</div>
<div class="poongsun">
<img class="poongsunimg"src="https://s3.ap-northeast-2.amazonaws.com/cdn.wecode.co.kr/bearu/comment.png">
</div>
<div class="malpoongsun">
<img class="malpoongsunimg" src="https://s3.ap-northeast-2.amazonaws.com/cdn.wecode.co.kr/bearu/share.png">
</div>
</div>
<div class="gongyou">
<img class="gongyouimg" src="https://s3.ap-northeast-2.amazonaws.com/cdn.wecode.co.kr/bearu/bookmark.png">
</div>
</div>
<div class="likeimgtextdiv">
<div class="firstlikebox">
<div class ="likebox">
<img class="likeboximg"
width="32px" height="32px">
</div>
<div class="liketextdiv">
<span class="liketext">ppoote님 외 10명이 좋아합니다</span>
</div>
</div>
</div>
</div>
</div>
<div class="main-right">
<div class="sidebox1">
<div class="ppootelogo2div">
<img class="ppootelogo2"
width="32px" height="32px">
</div>
<div class="ppooteunderbox">
<div class="ppootebootcamptext">
<span class="ppootebootcampspan">ppoote bootcamp</span>
</div>
<div class="ppootehangle">
<span class="pootehanglespan">푸트 | 위코드</span>
</div>
</div>
</div>
<div class="sidebox2">
<div class="sideboxmini">
<div class="storydiv">
<span class="storyspan">스토리</span>
</div>
<div class="allseediv">
<span class="allsee">모두 보기</span>
</div>
</div>
</div>
<div class="sidebox3">
<div class="sidemini3">
<div class="potologimgdiv">
<img class="ppootelogo2"
width="32px" height="32px">
</div>
<div class="bootcamptime">
<div class="ppootebootcamptext">
<span class="ppootebootcampspan">ppoote bootcamp</span>
</div>
<div class="time">
<span class="timespan">16분전</span>
</div>
</div>
</div>
<div class="sidemini3">
<div class="potologimgdiv">
<img class="ppootelogo2"
width="32px" height="32px">
</div>
<div class="bootcamptime">
<div class="ppootebootcamptext">
<span class="ppootebootcampspan">ppoote bootcamp</span>
</div>
<div class="time">
<span class="timespan">16분전</span>
</div>
</div>
</div>
<div class="sidemini3">
<div class="potologimgdiv">
<img class="ppootelogo2"
width="32px" height="32px">
</div>
<div class="bootcamptime">
<div class="ppootebootcamptext">
<span class="ppootebootcampspan">ppoote bootcamp</span>
</div>
<div class="time">
<span class="timespan">16분전</span>
</div>
</div>
</div>
</div>
<div class="sidebox4">
<div class="hoimodo">
<div class="choochun">
<span class="hoiwon">회원님을 위한 추천</span>
</div>
<div class="mododiv">
<span class="modo">모두 보기</span>
</div>
</div>
<div class="sideminifalow">
<div class="sidemini3">
<div class="potologimgdiv">
<img class="ppootelogo2"
width="32px" height="32px">
</div>
<div class="bootcamptime">
<div class="ppootebootcamptext">
<span class="ppootebootcampspan">ppoote bootcamp</span>
</div>
<div class="time">
<span class="timespan">ppoote님 외 2명이</span>
</div>
</div>
</div>
<div class="falow">
<span class="falow span">팔로우</span>
</div>
</div>
<div class="sideminifalow">
<div class="sidemini3">
<div class="potologimgdiv">
<img class="ppootelogo2"
width="32px" height="32px">
</div>
<div class="bootcamptime">
<div class="ppootebootcamptext">
<span class="ppootebootcampspan">ppoote bootcamp</span>
</div>
<div class="time">
<span class="timespan">ppoote님 외 3명이</span>
</div>
</div>
</div>
<div class="falow">
<span class="falow span">팔로우</span>
</div>
</div>
<div class="sideminifalow">
<div class="sidemini3">
<div class="potologimgdiv">
<img class="ppootelogo2"
width="32px" height="32px">
</div>
<div class="bootcamptime">
<div class="ppootebootcamptext">
<span class="ppootebootcampspan">ppoote bootcamp</span>
</div>
<div class="time">
<span class="timespan">ppoote님 외 4명이</span>
</div>
</div>
</div>
<div class="falow">
<span class="falow span">팔로우</span>
</div>
</div>
</div>
</div>
<div>
<div>
</div>
</div>
</div>
<script src="js/main.js"></script>
</body>
</html>
<div>의 틀의 익숙해지면 이거보다 편한건 없다.
'PROJECT' 카테고리의 다른 글
| Insight Timer 홈페이지 클론 (0) | 2020.08.25 |
|---|---|
| 언니의 파우치 사이트 클론 (0) | 2020.08.25 |
| 인스타 로그인 css 클론 (0) | 2020.04.19 |
| 인스타 로그인 클론 (0) | 2020.04.19 |
