Spaces:
Paused
Paused
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>AlYahya Agency</title> | |
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity= | |
| \"sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous"> | |
| <link rel="stylesheet" href="static/css/styles.css"> | |
| <!-- Bootstrap scripts--> | |
| <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> | |
| <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> | |
| <!-- Google fonts--> | |
| <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;900&family=Ubuntu:ital,wght@0,300;0,700;1,700&display=swap" rel="stylesheet"> | |
| <!-- This is font awesome page--> | |
| <script src="https://kit.fontawesome.com/83cf88b735.js" crossorigin="anonymous"></script> | |
| </head> | |
| <body> | |
| <section class="coloured-section" id="title"> | |
| <!-- Nav Bar --> | |
| <div class="container-fluid"> | |
| <nav class="navbar navbar-expand-lg navbar-dark"> | |
| <a class="navbar-brand" href="">ARASI OILS</a> | |
| <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> | |
| <span class="navbar-toggler-icon"></span> | |
| </button> | |
| <div class="collapse navbar-collapse" id="navbarSupportedContent"> | |
| <ul class="navbar-nav ml-auto"> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="#footer">Contact</a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="#pricing">Pricing</a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="#cta">Download</a> | |
| </li> | |
| </ul> | |
| </div> | |
| </nav> | |
| <!-- Title --> | |
| <div class="row"> | |
| <div class="col-lg-7" > | |
| <h1 class="big-heading">OIL FROM BEST HANDS</h1> | |
| <button type="button" class="btn btn-dark btn-lg download-button"> <i class="fab fa-apple"></i> Download</button> | |
| <button type="button" class="btn btn-outline-light btn-lg download-button"><i class="fab fa-google-play"></i> Download</button> | |
| </div> | |
| <div class="col-lg-2 title-image" > | |
| <img src="static/assets/images/all_oils_image.webp" alt="iphone-mockup"> | |
| </div> | |
| <!-- <div class="col-lg-2 title-image" >--> | |
| <!-- <img src="images/IC.jpg" alt="iphone-mockup">--> | |
| <!-- </div>--> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Features --> | |
| <section class="white-section" id="features"> | |
| <div class="row features"> | |
| <div class="col-lg-4 features-col"> | |
| <i class="fas fa-check-circle fa-4x feature-icon"></i> | |
| <h3 class="features-text"> Quality Organic Oil </h3> <p>Quality is our top priority.</p> | |
| </div> | |
| <div class="col-lg-4 features-col"> | |
| <i class="fas fa-bullseye fa-4x feature-icon"></i> | |
| <h3 class="features-text">Natural and Healthy</h3> <p>Natural in every drop. We aim to make you Healthy</p> | |
| </div> | |
| <div class="col-lg-4 features-col"> | |
| <i class="fas fa-heart fa-4x feature-icon"></i> | |
| <h3 class="features-text">Enjoy</h3> <p>Enjoy the Life with Health</p> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Testimonials --> | |
| <section class="coloured-section" id="testimonials"> | |
| <div id="testimonial-carousel" class="carousel slide" data-ride="false" > | |
| <div class="carousel-inner"> | |
| <div class="carousel-item active"> | |
| <h2 class="testimonial-text">ARASI OILS PROVIDE HIGH QUALITY OIL</h2> | |
| <img class="testimonial-image" src="static/assets/images/circle.png" alt="my-profile"> | |
| <em>Ansari, Malaysia</em> | |
| </div> | |
| <div class="carousel-item"> | |
| <h2 class="testimonial-text">ARASI OILS PROVIDE HIGH QUALITY OIL</h2> | |
| <img class="testimonial-image" src="static/assets/images/IC.jpg" alt="lady-profile"> | |
| <em>Fareed, Malaysia</em> | |
| </div> | |
| </div> | |
| <a class="carousel-control-prev" href="#testimonial-carousel" role="button" data-slide="prev"> | |
| <span class="carousel-control-prev-icon" aria-hidden="true"></span> | |
| </a> | |
| <a class="carousel-control-next" href="#testimonial-carousel" role="button" data-slide="next"> | |
| <span class="carousel-control-next-icon" aria-hidden="true"></span> | |
| </a> | |
| </div> | |
| </section> | |
| <!-- Press --> | |
| <!-- <section id="press"> | |
| <img class="press-image" src="static/assets/images/techcrunch.png" alt="tc-logo"> | |
| <img class="press-image" src="static/assets/images/tnw.png" alt="tnw-logo"> | |
| <img class="press-image" src="static/assets/images/bizinsider.png" alt="biz-insider-logo"> | |
| <img class="press-image" src="static/assets/images/mashable.png" alt="mashable-logo"> | |
| </section> --> | |
| <!-- Pricing --> | |
| <section class="white-section" id="pricing"> | |
| <h1 class="big-heading">Choose Pure and Choose Nature</h1> | |
| <p>Simple and affordable price for your needs.</p> | |
| <div class="row"> | |
| <div class ="pricing-column col-lg-4 col-md-6"> | |
| <div class="card"> | |
| <div class="card-header"> | |
| <h3 class="pricing-text">COCONUT OIL</h3> | |
| </div> | |
| <div class="card-body"> | |
| <h1 class="big-heading">₹260 / Liter</h1> | |
| <p>Extracted from raw Coconut</p> | |
| <p>Filtered Naturally</p> | |
| <p>Packed Neatly and Served Freshly</p> | |
| <!-- <button type="button" class="btn btn-lg btn-block btn-outline-dark" href="https://wa.me/+9181484 82568">Buy Now</button> --> | |
| <a href="https://wa.me/+918148482568" class="btn btn-lg btn-block btn-outline-dark" target="_blank">Buy Now</a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class ="pricing-column col-lg-4 col-md-6"> | |
| <div class="card"> | |
| <div class="card-header"> | |
| <h3 class="pricing-text">GROUNDNUT OIL</h3> | |
| </div> | |
| <div class="card-body"> | |
| <h1 class="big-heading">₹240 / Liter</h1> | |
| <p>Extracted from raw GROUNDNUT</p> | |
| <p>Filtered Naturally</p> | |
| <p>Packed Neatly and Served Freshly</p> | |
| <!-- <button type="button" class="btn btn-lg btn-block btn-dark">Buy Now</button> --> | |
| <a href="https://wa.me/+918148482568" class="btn btn-lg btn-block btn-outline-dark" target="_blank">Buy Now</a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class ="pricing-column col-lg-4"> | |
| <div class="card"> | |
| <div class="card-header"> | |
| <h3 class="pricing-text">SESAME OIL</h3> | |
| </div> | |
| <div class="card-body"> | |
| <h1 class="big-heading">₹400 / Liter</h1> | |
| <p>Extracted from raw Seasame</p> | |
| <p>Filtered Naturally</p> | |
| <p>Unlimited layers</p> | |
| <p>Packed Neatly and Served Freshly</p> | |
| <!-- <button type="button" class="btn btn-lg btn-block btn-dark">Buy now</button> --> | |
| <a href="https://wa.me/+918148482568" class="btn btn-lg btn-block btn-outline-dark" target="_blank">Buy Now</a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Call to Action --> | |
| <section class="coloured-section" id="cta"> | |
| <h1 class="big-heading">Find the best oil supplier who can bring your imagination to reality</h1> | |
| <button type="button" class="btn btn-dark btn-lg download-button"> <i class="fab fa-apple"></i> Download</button> | |
| <button type="button" class="btn btn-outline-light btn-lg download-button"><i class="fab fa-google-play"></i> Download</button> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="white-section" id="footer"> | |
| <i class="contact-icon fab fa-twitter fa-3x"></i> | |
| <i class="contact-icon fab fa-facebook fa-3x"></i> | |
| <i class="contact-icon fab fa-instagram fa-3x"></i> | |
| <i class="contact-icon fab fa-linkedin fa-3x"></i> | |
| <p>© Copyright 2024 AlYahya Agencies</p> | |
| </footer> | |
| </body> | |
| </html> | |