<html lang="kr">

<head>

<link rel="stylesheet" href="index.css" />

<meta charset="UTF-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<title >Alde</title>

</head>

<body>

<div class="main-screen">

<div class="main_bar">

<span class="title" OnClick="location.href ='#'" style="cursor:pointer;">Alde</span>

<span><i class="fas fa-search" OnClick="location.href ='#'" style="cursor:pointer;"></i><span class="login_button" OnClick="location.href ='#'" style="cursor:pointer;">로그인</span></span>

</div>

<div class="trend_keyword">

<div class="trend_keyword_title"><span>인기키워드</span></div>

<div class="trend_keyword_container">

<div class="keyword_factor" OnClick="location.href ='#'" style="cursor:pointer;"><span>조립 컴퓨터</span></div>

<div class="keyword_factor" OnClick="location.href ='#'" style="cursor:pointer;"><span>대학생 노트북</span></div>

<div class="keyword_factor" OnClick="location.href ='#'" style="cursor:pointer;"><span>M1칩 맥북</span></div>

<div class="keyword_factor" OnClick="location.href ='#'" style="cursor:pointer;"><span>라이젠 5600</span></div>

<div class="keyword_factor" OnClick="location.href ='#'" style="cursor:pointer;"><span>게이밍 데스크탑 스펙</span></div>

<div class="keyword_factor" OnClick="location.href ='#'" style="cursor:pointer;"><span>그래픽 작업용 컴퓨터</span></div>

<div class="keyword_factor" OnClick="location.href ='#'" style="cursor:pointer;"><span>아이패드 프로</span></div>

<div class="keyword_factor" OnClick="location.href ='#'" style="cursor:pointer;"><span>애플 11월 신제품</span></div>

<div class="keyword_factor" OnClick="location.href ='#'" style="cursor:pointer;"><span>애플 워치</span></div>

<div class="keyword_factor" OnClick="location.href ='#'" style="cursor:pointer;"><span>32인치 모니터</span></div>

<div class="keyword_factor" OnClick="location.href ='#'" style="cursor:pointer;"><span>4k 카메라</span></div>

<div class="keyword_factor" OnClick="location.href ='#'" style="cursor:pointer;"><span>갤럭시 S20</span></div>

<div class="keyword_factor" OnClick="location.href ='#'" style="cursor:pointer;"><span>지포스 RTX 3080</span></div>

<div class="keyword_factor" OnClick="location.href ='#'" style="cursor:pointer;"><span>용팔이</span></div>

</div>

</div>

<div class="menu">

<span class="trend_menu" OnClick="location.href ='#'" style="cursor:pointer;">트렌드</span>

<span class="latest_menu" OnClick="location.href ='#'" style="cursor:pointer;">최신순</span>

</div>

<div class="contents_container">

<div class="contents" OnClick="location.href ='#'" style="cursor:pointer;">

<div class="contents_factor">

<div class="contents_factor_pic"><img src="pic/1.jpg" class="contents_factor_pic" /></div>

<div><span class="contents_factor_text contents_factor_title">맥과 맥북 비교 해보기</span></div>

<div><span class="contents_factor_text contents_factor_sub">맥과 맥북 중에 구매를 고민중인 사람들을 위해 준비했습니다!</span></div>

<div><span class="contents_factor_text contents_factor_day">2020년 10월 24일 · 13개의 댓글</span></div>

<div class="content_factor_user_like">

<div class="contents_factor_user_name"><div class="contents_factor_user"><img src="pic/user.jpg" class="contents_factor_user"/></div>

<span class="contents_factor_user_name">엠케</span></div>

<div class="contents_factor_like"><i class="fas fa-heart"></i>

<span class="contents_factor_like_count">187</span></div>

</div>

</div>

</div>

<div class="contents" OnClick="location.href ='#'" style="cursor:pointer;">

<div class="contents_factor">

<div class="contents_factor_pic"><img src="pic/5.jpg" class="contents_factor_pic" /></div>

<div><span class="contents_factor_text contents_factor_title">어쩌다보니 앱등이가 되었다고요?</span></div>

<div><span class="contents_factor_text contents_factor_sub">애플이 소비자로 하여금 앱등이로 만들 수 있는 기술의 비결은.</span></div>

<div><span class="contents_factor_text contents_factor_day">2020년 11월 13일 · 1개의 댓글</span></div>

<div class="content_factor_user_like">

<div class="contents_factor_user_name"><div class="contents_factor_user"><img src="pic/user.jpg" class="contents_factor_user"/></div>

<span class="contents_factor_user_name">엠케</span></div>

<div class="contents_factor_like"><i class="fas fa-heart"></i>

<span class="contents_factor_like_count">475</span></div>

</div>

</div>

</div>

<div class="contents" OnClick="location.href ='#'" style="cursor:pointer;">

<div class="contents_factor">

<div class="contents_factor_pic"><img src="pic/8.jpg" class="contents_factor_pic" /></div>

<div><span class="contents_factor_text contents_factor_title">AMD 라이젠 5600X의 미친 가성비</span></div>

<div><span class="contents_factor_text contents_factor_sub">인텔은 긴장 좀 해야겠는데요? 당장 라이젠의 성능을 알아봅시다!</span></div>

<div><span class="contents_factor_text contents_factor_day">2020년 12월 7일 · 85개의 댓글</span></div>

<div class="content_factor_user_like">

<div class="contents_factor_user_name"><div class="contents_factor_user"><img src="pic/7.jpg" class="contents_factor_user"/></div>

<span class="contents_factor_user_name">용팔이관둠</span></div>

<div class="contents_factor_like"><i class="fas fa-heart"></i>

<span class="contents_factor_like_count">721</span></div>

</div>

</div>

</div>

<div class="contents" OnClick="location.href ='#'" style="cursor:pointer;">

<div class="contents_factor">

<div class="contents_factor_pic"><img src="pic/3.jpg" class="contents_factor_pic" /></div>

<div><span class="contents_factor_text contents_factor_title">코딩을 위한 컴퓨터, 맥북이 최선일까?</span></div>

<div><span class="contents_factor_text contents_factor_sub">아 개발자는 도대체 무슨 컴퓨터 써야하냐고요~ 단박에 고민 해결해드립니다.</span></div>

<div><span class="contents_factor_text contents_factor_day">2020년 11월 24일 · 67개의 댓글</span></div>

<div class="content_factor_user_like">

<div class="contents_factor_user_name"><div class="contents_factor_user"><img src="pic/6.jpg" class="contents_factor_user"/></div>

<span class="contents_factor_user_name">컴공취준생</span></div>

<div class="contents_factor_like"><i class="fas fa-heart"></i>

<span class="contents_factor_like_count">875</span></div>

</div>

</div>

</div>

<div class="contents" OnClick="location.href ='#'" style="cursor:pointer;">

<div class="contents_factor">

<div class="contents_factor_pic"><img src="pic/4.jpg" class="contents_factor_pic" /></div>

<div><span class="contents_factor_text contents_factor_title">모니터에 대한 모든 것</span></div>

<div><span class="contents_factor_text contents_factor_sub">모니터의 성능을 결정 짓는 요소들을 살펴봅시다!</span></div>

<div><span class="contents_factor_text contents_factor_day">2020년 11월 9일 · 27개의 댓글</span></div>

<div class="content_factor_user_like">

<div class="contents_factor_user_name"><div class="contents_factor_user"><img src="pic/user.jpg" class="contents_factor_user"/></div>

<span class="contents_factor_user_name">엠케</span></div>

<div class="contents_factor_like"><i class="fas fa-heart"></i>

<span class="contents_factor_like_count">385</span></div>

</div>

</div>

</div>

<div class="contents" OnClick="location.href ='#'" style="cursor:pointer;">

<div class="contents_factor">

<div class="contents_factor_pic"><img src="pic/2.jpg" class="contents_factor_pic" /></div>

<div><span class="contents_factor_text contents_factor_title">용도별 입문용 카메라 살펴보기</span></div>

<div><span class="contents_factor_text contents_factor_sub">유튜브, 브이로그 등 용도에 알맞는 카메라를 알아봅시다!</span></div>

<div><span class="contents_factor_text contents_factor_day">2020년 10월 13일 · 27개의 댓글</span></div>

<div class="content_factor_user_like">

<div class="contents_factor_user_name"><div class="contents_factor_user"><img src="pic/user.jpg" class="contents_factor_user"/></div>

<span class="contents_factor_user_name">엠케</span></div>

<div class="contents_factor_like"><i class="fas fa-heart"></i>

<span class="contents_factor_like_count">48</span></div>

</div>

</div>

</div>

<div class="contents" OnClick="location.href ='#'" style="cursor:pointer;">

<div class="contents_factor">

<div class="contents_factor_pic"><img src="pic/10.jpg" class="contents_factor_pic" /></div>

<div><span class="contents_factor_text contents_factor_title">일러스트 작업용 액정타블렛하면 이거죠</span></div>

<div><span class="contents_factor_text contents_factor_sub">아이패드가 있어도 프로가 일러스트 작업할 땐 역시 액정타블렛이 국룰</span></div>

<div><span class="contents_factor_text contents_factor_day">2020년 11월 21일 · 56개의 댓글</span></div>

<div class="content_factor_user_like">

<div class="contents_factor_user_name"><div class="contents_factor_user"><img src="pic/user.jpg" class="contents_factor_user"/></div>

<span class="contents_factor_user_name">엠케</span></div>

<div class="contents_factor_like"><i class="fas fa-heart"></i>

<span class="contents_factor_like_count">654</span></div>

</div>

</div>

</div>

<div class="contents" OnClick="location.href ='#'" style="cursor:pointer;">

<div class="contents_factor">

<div class="contents_factor_pic"><img src="pic/9.jpg" class="contents_factor_pic" /></div>

<div><span class="contents_factor_text contents_factor_title">갤럭시탭 vs 아이패드</span></div>

<div><span class="contents_factor_text contents_factor_sub">둘 중에 도대체 뭘 사야 잘 샀다는 소리를 듣지?</span></div>

<div><span class="contents_factor_text contents_factor_day">2020년 12월 2일 · 33개의 댓글</span></div>

<div class="content_factor_user_like">

<div class="contents_factor_user_name"><div class="contents_factor_user"><img src="pic/user.jpg" class="contents_factor_user"/></div>

<span class="contents_factor_user_name">엠케</span></div>

<div class="contents_factor_like"><i class="fas fa-heart"></i>

<span class="contents_factor_like_count">97</span></div>

</div>

</div>

</div>

</div>

</div>

<div id="no-mobile">

<span>화면을 조금만 더 키워주세요 :(</span>

</div>

<script

src="https://kit.fontawesome.com/af3e464800.js"

crossorigin="anonymous"

></script>

</body>

</html>