<!DOCTYPE html>
<?php include 'header.php'; ?>
<html lang="en" dir="ltr">
  <head>
    <link rel="stylesheet" href="css/homeStyle.css">
    <link rel="stylesheet" href="/css/card.css">
    <meta charset="utf-8">
    <title></title>


  </head>
  <body>
    <br>
    <center>
      <div class="container" id="imageCon">
        <img class="slide" src="images/a.jpg">
        <img class="slide" src="images/b.jpg" >
        <img class="slide" src="images/c.jpg">
      </div>
    </center>
  <br>

<center>
  <div class="card" style="box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);transition: 0.3s;width: 33.3%;float:left;">
    <img src="images/skin.jpg" alt="images/a.jpg" style="width:100%">
      <div class="container" id="cardid" style="padding: 2px 16px;">
        <h4><b>Skin Care</b></h4>
        <p>We believe in the power of natural ingredients, and that with scientific support, it creates the most effective results. Whatever your skin type and age are, our huge range of the latest skin care ingredients are tailored just......</p>
<<<<<<< HEAD
        <p style="margin-right:12px"><a type="button" id="footbut" href="skincare.php" style="text-decoration:none;align:center;">Visit Store</a></p>
=======
        <p><button id="footbut">Visit Store</button></p>
>>>>>>> 1717e532022095b00a00757d7711fb2c23830a94
      </div>
  </div>
  <div class="card" style="box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);transition: 0.3s;width: 33.33%;float:left">
    <img src="images/makeup.jpg" alt="images/b.jpg" style="width:100%">
      <div class="container" id="cardid" style="padding: 2px 16px;">
        <h4><b>Make-up</b></h4>
        <p>Make-up should enhance your natural beauty, but also give you freedom to express your individual, radiant personality. We offer the best on-trend beauty picks and essentials such as mascaras, lipsticks, blushes, and foundations,.....</p>
<<<<<<< HEAD
        <p style="margin-right:12px"><a type="button" id="footbut" href="makeup.php" style="text-decoration: none;">Visit Store</a></p>
=======
        <p><button id="footbut">Visit Store</button></p>
>>>>>>> 1717e532022095b00a00757d7711fb2c23830a94
      </div>
  </div>

  <div class="card" style="box-shadow: 2px 4px 8px 2px rgba(0,0,0,0.2);transition: 0.3s;width: 33.33%;float:left;">
    <img src="images/fragrance.jpg" alt="images/c.jpg" style="width:100%">
      <div class="container" id="cardid" style="padding: 2px 16px;">
        <h4><b>Fragrance</b></h4>
        <p>A fragrance can seduce, bring forth beautiful memories or make you daydream about a faraway place. You can choose from our wide selection of perfumes inspired by dreams. All our fragrances are developed in France in order to ensure..</p>
<<<<<<< HEAD
        <p style="margin-right:12px"><a type="button" id="footbut" href="fragrance.php" style="text-decoration: none;">Visit Store</a></p>
=======
        <p><button id="footbut">Visit Store</button></p>
>>>>>>> 1717e532022095b00a00757d7711fb2c23830a94
      </div>
  </div>

  <br><br>
  <div class="card" style="alignbox-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);transition: 0.3s;width: 33.33%;float:left">
    <img src="images/bath.jpg" alt="images/b.jpg" style="width:100%">
      <div class="container" id="cardid" style="padding: 2px 16px;">
        <h4><b>Bath & Body</b></h4>
        <p>Body care means taking care of your body from head to toe and plays an important role when you will feel clean, refreshed, healthy and pampered. We offer a comprehensive range of products for feet, oral hygiene and body, to meet....</p>
<<<<<<< HEAD
        <p style="margin-right:12px"><a type="button" id="footbut" href="body.php" style="text-decoration: none;">Visit Store</a></p>
=======
        <p><button id="footbut">Visit Store</button></p>
>>>>>>> 1717e532022095b00a00757d7711fb2c23830a94
      </div>
  </div>
  <div class="card" style="box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);transition: 0.3s;width: 33.33%;float:left">
    <img src="images/hai.jpg" alt="images/a.jpg" style="width:100%">
      <div class="container" id="cardid" style="padding: 2px 16px;">
        <h4><b>Hair</b></h4>
        <p>Whether you want to try out the latest hair trends or need care and treatment to the hair, so we have great styling and hair products that do the job and also offering a range of high-quality, natural products that are developed b..</p>
<<<<<<< HEAD
        <p style="margin-right:12px"><a type="button" id="footbut" href="hair.php" style="text-decoration: none;">Visit Store</a></p>
=======
        <p><button id="footbut">Visit Store</button></p>
>>>>>>> 1717e532022095b00a00757d7711fb2c23830a94
      </div>
  </div>
  <br><br><br>
  <div class="card" style="box-shadow: 10px 4px 8px 0 rgba(0,0,0,0.2);transition: 0.3s;width: 33.33%;float:left">
    <img src="images/wellness.jpg" alt="images/a.jpg" style="width:100%">
      <div class="container" id="cardid" style="padding: 2px 16px;">
        <h4><b>Wellness</b></h4>
        <p>Are you ready to feel, and look, fantastic? At Wellness by Oriflame, we’re committed to guiding you through the complex world of healthy eating and dietary supplements, offering a range of high-quality, natural products that are developed by..</p>
<<<<<<< HEAD
        <p style="margin-right:12px"><a type="button" id="footbut" href="wellness.php" style="text-decoration: none;">Visit Store</a></p>
=======
        <p><button id="footbut">Visit Store</button></p>
>>>>>>> 1717e532022095b00a00757d7711fb2c23830a94
      </div>
  </div>

  <center>
    <div class="card" style="box-shadow: 2px 4px 8px 2px rgba(0,0,0,0.2);transition: 0.3s;width: 33.33%;margin-top:4px">
      <img src="images/men.jpg" alt="images/a.jpg" style="width:100%">
        <div class="container" id="cardid" style="padding: 2px 16px;">
          <h4><b>Men</b></h4>
          <p>Are you ready to feel, and look, fantastic? At Wellness by Oriflame, we’re committed to guiding you through the complex world of healthy eating and dietary supplements, offering a range of high-quality, natural products that are developed by..</p>
<<<<<<< HEAD
          <center>
          <p style="margin-right:12px"><a type="button" id="footbut" href="men.php" style="text-decoration: none;">Visit Store</a></p>
          </center>
=======
          <p><button id="footbut">Visit Store</button></p>
>>>>>>> 1717e532022095b00a00757d7711fb2c23830a94
        </div>
    </div>
  </center>

    <script src="script/slide.js"></script>
  </body>
</html>
<?php include 'footer.php'; ?>
