Untitled

avatar
unknown
abap
3 years ago
1.3 kB
6
Indexable
CSS


.navbar{
  display: flex;
	align-items: center;
	justify-content: space-between;
  background-color: #FF7777;
  margin-top: 0px;
  position: fixed;
}
.navbar.right{
  right: 0px;
}








<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>LABAID</title>
      <link rel="stylesheet" href="./css/style.css">
      <link rel="icon" href="logo.jpg">
  </head>
  <body style="background-color: #F8EDE3">
    <section class="navbar">
      <div class="left">
        <img src="./image/logo.png" alt="" width="100" ">
      </div>
      <div class="right">
        <a href="#">Home</a>
        <a href="#">Find a doctor</a>
        <a href="#">Apps</a>
        <a href="#">Testimonials</a>
        <a href="#">About us</a>
      </div>
    </section>


    <section class="banner">
      <div class="banner">
        <h2>Virtual healthcare for you</h2>
        <p>Trafalgar provides progressive, and affordable
healthcare, accessible on mobile and online
for everyone</p>
<button type="button" name="button">Consult today</button>
      </div>
      <div class="right">
        <img src="./image/banner.png" alt="banner" width="900">
      </div>
    </section>


      <section class="services">

      </section>
    </div>
  </body>
</html>
Editor is loading...