<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>company</title>
<!-- 반응형 웹 -->
<!-- 1. 태블릿 , 데스크탑 -->
<link rel="stylesheet" href="./company.css" media="(min-width: 600px)">
<!-- 2. 모바일 -->
<link rel="stylesheet" href="./company_mobile.css" media="(max-width:600px)">
</head>
<body>
<div id="page">
<header>
<div id="logo">
<img src="./imgs_company/logo.png" alt="logo">
</div>
<div id="top_menu">
<a href="">HOME</a> |
<a href="">NOTICE</a> |
<a href="">LOGIN</a> |
<a href="">JOIN</a>
</div>
<nav>
<ul>
<li><a href="">COMPANY</a></li>
<li><a href="">PRODUCT</a></li>
<li><a href="">CUSTOMER</a></li>
<li><a href="">SERVICE</a></li>
<li><a href="">RECRUIT</a></li>
</ul>
</nav>
</header>
<article id="content">
<section id="main">
<img src="./imgs_company/main_img.png" alt="main image">
</section>
<section id="banner">
<ul>
<li><a href=""><img src="./imgs_company/banner1.png" alt="banner1"></a></li>
<li><a href=""><img src="./imgs_company/banner2.png" alt="banner2"></a></li>
</ul>
</section>
</article>
<footer>
<img src="./imgs_company/address.png" alt="address">
</footer>
</div>
</body>
</html>
'CSS' 카테고리의 다른 글
CSS-D06 (0) | 2023.10.31 |
---|---|
Web App: 반응형웹02 (1) | 2023.10.30 |
Web App: 반응형웹01 (0) | 2023.10.30 |
웹사이트 만들어보기 (0) | 2023.10.30 |
CSS-D5 (0) | 2023.10.30 |