?ㅻ뒛?섏궗二?/title> <link rel="stylesheet" href="index.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> </head> <body> <header> <div class="header-container"> <div class="logo"> <img src="assets/title-orb.png" alt="오늘의 사주 장식" class="logo-orb"> <h1>오늘의 사주</h1> </div> <nav> <ul> <li><a href="#" class="active">??/a></li> <li><a href="#">?좊뀈?댁꽭</a></li> <li><a href="#">?붽컙?댁꽭</a></li> <li><a href="#">吏앹궗??/a></li> <li><a href="#">?곗븷??<span class="new-icon">N</span></a></li> <li><a href="#">吏곸옣??/a></li> <li><a href="#">嫄닿컯??/a></li> <li><a href="#">?ㅻ뒛???댁꽭</a></li> <li><a href="#">1:1 臾몄쓽?ы빆</a></li> </ul> </nav> <div class="header-icons"> <i class="fas fa-search"></i> <i class="fas fa-bars"></i> </div> </div> </header> <main> <section class="hero-banner"> <div class="banner-container"> <div class="banner-content"> <div class="banner-text-box"> <span class="banner-badge">NEW</span> <h2 class="banner-subtitle">?좊뱾由?寃곗젙? 15??ぉ!</h2> <h1 class="banner-title">?뱀떊?????<span class="highlight">吏꾩쭨 ?띾쭏??/span></h1> </div> <div class="banner-image-assets">  <img src="assets/title-orb.png" alt="couple" class="couple-img"> </div> </div> </div> </section> <section class="quick-menu-section"> <div class="quick-menu-container"> <div class="quick-menu-item"> <div class="icon-circle purple"><i class="fas fa-gift"></i></div> <p>臾대즺?댁꽭</p> </div> <div class="quick-menu-item"> <div class="icon-circle orange"><i class="fas fa-horse"></i></div> <p>?좊뀈?댁꽭</p> </div> <div class="quick-menu-item"> <div class="icon-circle yellow"><i class="fas fa-envelope-open-text"></i></div> <p>吏앹궗???닿껐</p> </div> <div class="quick-menu-item"> <div class="icon-circle pink"><i class="fas fa-map-signs"></i></div> <p>諛섎뀈??留뚮궓</p> </div> <div class="quick-menu-item"> <div class="icon-circle blue"><i class="fas fa-bullhorn"></i></div> <p>怨듭??ы빆</p> </div> <div class="quick-menu-item"> <div class="icon-circle cyan"><i class="fas fa-search-plus"></i></div> <p>?좊즺?댁꽭?ㅼ떆蹂닿린</p> </div> </div> </section> <section class="ad-banner-section"> <div class="ad-banner-container"> <div class="ad-images"> <img src="https://i.imgur.com/bYx1b5C.png" alt="certificates" class="cert-img"> </div> <div class="ad-text"> <h3>誘몃옒 ?좊쭩?먭꺽利?254醫?臾대즺?섍컯</h3> <p>?섍컯猷? 援먯븞 諛??쒗뿕 ?덉긽 湲곗텧臾몄젣 臾대즺 ?쒓났</p> </div> <div class="ad-info-icon"> <i class="fas fa-info-circle"></i> </div> </div> </section>  <section class="half-price-section"> <div class="section-header"> <h2>?ㅻ뒛留?諛섍컪</h2> </div> <div class="half-price-container"> <div class="half-price-item"> <div class="image-wrapper"> <img src="assets/title-orb.png" alt="couple" class="half-price-img"> <div class="overlay"></div> </div> <div class="item-info"> <h3>洹??щ엺??愿?μ쟻??蹂몄떖怨??④린??留덉쓬</h3> <div class="price-box"> <span class="original-price">11500??/span> <span class="discount-price">5750<span class="currency">??/span></span> </div> </div> </div> <div class="half-price-item"> <div class="image-wrapper"> <img src="assets/title-orb.png" alt="couple" class="half-price-img"> <div class="overlay"></div> </div> <div class="item-info"> <h3>?뱀떊怨?理쒗썑??留븐뼱吏??댁꽦??紐⑤뱺 寃?/h3> <div class="price-box"> <span class="original-price">3500??/span> <span class="discount-price">1750<span class="currency">??/span></span> </div> </div> </div> </div> </section>  <section class="zodiac-section"> <div class="section-header"> <h2>?ㅻ뒛???좊퀎?댁꽭</h2> </div> <div class="zodiac-container"> <div class="zodiac-item"> <div class="zodiac-icon mouse"> <img src="https://cdn-icons-png.flaticon.com/512/1998/1998610.png" alt="Mouse"> </div> <h3>伊먮씈</h3> <p>?쎄컙???띠쓽 蹂?붾? 異붽뎄?섎뒗 寃껋씠 湲명빀?덈떎.</p> <a href="#" class="more-link">?붾낫湲?/a> </div> <div class="zodiac-item"> <div class="zodiac-icon cow"> <img src="https://cdn-icons-png.flaticon.com/512/1998/1998592.png" alt="Cow"> </div> <h3>?뚮씈</h3> <p>?쒕몢瑜댁? 留덉떗?쒖슂. ?ㅽ엳??醫湲곕떎由щ뒗 寃껋씠...</p> <a href="#" class="more-link">?붾낫湲?/a> </div> <div class="zodiac-item"> <div class="zodiac-icon tiger"> <img src="https://cdn-icons-png.flaticon.com/512/1998/1998777.png" alt="Tiger"> </div> <h3>踰붾씈</h3> <p>?쒕쪟?곸뿉 ?대뱷???덉쓣 ??빀?덈떎.</p> <a href="#" class="more-link">?붾낫湲?/a> </div> <div class="zodiac-item"> <div class="zodiac-icon rabbit"> <img src="https://cdn-icons-png.flaticon.com/512/1998/1998749.png" alt="Rabbit"> </div> <h3>?좊겮??/h3> <p>臾대궃???섎（媛 ?좉쾬?낅땲??</p> <a href="#" class="more-link">?붾낫湲?/a> </div> </div> </section>  <section class="popular-section"> <div class="section-header"> <h2>?멸린?댁꽭</h2> </div> <div class="popular-container"> <div class="popular-item"> <div class="popular-img-wrapper"> <img src="assets/title-orb.png" alt="popular1"> </div> <div class="popular-info"> <p><span class="rank">1.</span> ?곷????띾쭏?뚭낵 ?꾪븯怨??띠? 寃?/p> </div> </div> <div class="popular-item"> <div class="popular-img-wrapper"> <img src="assets/title-orb.png" alt="popular2"> </div> <div class="popular-info"> <p><span class="rank">2.</span> ?ㅼ뼱?몄빞 ?좉퉴? ?꾨떂 怨꾩냽?댁빞 ?좉퉴?</p> </div> </div> <div class="popular-item"> <div class="popular-img-wrapper"> <img src="assets/title-orb.png" alt="popular3"> </div> <div class="popular-info"> <p><span class="rank">3.</span> ?ъ떎? 遺덈쪣??洹몃쭔?먭퀬 ?띠? 嫄멸퉴</p> </div> </div> <div class="popular-item"> <div class="popular-img-wrapper"> <img src="assets/title-orb.png" alt="popular4"> </div> <div class="popular-info"> <p><span class="rank">4.</span> 留덉?留됱뿏 ???좏깮?좉퉴? ?좏깮?섍쾶 留뚮뱾湲?/p> </div> </div> </div> </section> </main> <script src="jsfile.js"></script> </body> </html>