index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="index_intro.css">
</head>
<body class="margin">
  <nav clas="menu">
      <a class="menu_intro " href="#a">Introduce</a>
      <a class="menu_service" href="#b">service</a>
  </nav>
  <div class="first">
    <h1 class="intro" id = "a">INTRODUCE</h1>
    <h2>HAN SUJIN</h2>
    <h3>한밭대학교</h>
    <h3>컴퓨터공학과</h3>
  </div>

  <div class="second">

    <h1 class="service" id="b">서비스 소개</h1>
    <h2>방대여 서비스</h2>

    <h3>필요성</h3>
    <img src="./1.png" alt="페북사진">
    <h3>Concept</h3>

    <ul class="list">
      <img src="./2.png" alt="페북사진">
      <li>1.집주인의 관여 없이 수요자와 공급자 사이 계약</li>
      <img src="./3.png" alt="페북사진">
      <li>2.지역, 방, 기간 선택</li>
      <img src="./last.png" alt="3번사진">
      <li>3.채팅, 쪽지 서비스기능</li>
      <br>
      <li>4.사이트 내에서 계약체결</li>

     </ul>

  </div>
</body>