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">
  <link href="styles.css" rel="stylesheet">
  <link href="index.css" rel="stylesheet">
  <title>Sofia Koi</title>
</head>
<body class="container full-height-grow">
  <header class="main-header">
    <a href="/" class="brand-logo">
      <img src="images/logo.png" width="40" height="40">
      <div class="brand-logo-name">Sofia Koi Kai SIA O.E.</div>
    </a>
    <nav class="main-nav">
      <ul>
        <li><a href="discover.html">Info</a></li>
        <li><a href="join.html" class="btnlog">Login</a></li>
      </ul>
    </nav>
  </header>
  <section class="home-main-section">
    <!--<div class="img-wrapper">
      <div class="brush-image"></div>
    </div>-->
    <div class="call-to-action">
      <h1 class="title">Giving you a reason to smile</h1>
      <span class="subtitle">Because everyone deserves to smile</span>
      <a href="join.html" class="btn">Book An Appointment</a>
      <a href="join.html" class="btnem">Emergency Appointment</a>
    </div>
  </section>
</body>
</html>