Untitled

mail@pastecode.io avatar
unknown
html
2 years ago
10 kB
11
Indexable
Never
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>APHRIACARIEEEE</title>
    <link rel="stylesheet" type="text/css" href="Homieee.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css ">
</head>
<body>

    <!-- home section -->

    <section class="home" id="Homiee">
        <nav id="navbar">
            <img src="logo.png">
            <div class="nav" id="menu">
                <i class="fa fa-times" onclick="hideMenu()"></i>
                <ul>
                    <li><a href="#Homiee">Home</a></li>
                    <li><a href="#Products">Products</a></li>
                    <li><a href="#Tips">Tips</a></li>
                    <li><a href="#About">About</a></li>
                    <li><a href="#Contact">Contact</a></li>
                </ul>
            </div>
            <i class="fa fa-bars" onclick="showMenu()"></i>
        </nav>
    </section>
    <!-- product section -->


    <section class="product" id="Products">
        <h3> Products </h3>
        <hr color="#F3CED4">

        <div class="responsiveee">
            <div class="pro">
                <a target="_blank"><img src="pr1.png"></a>
                <div class="texttt"> Foaming Face Wash <br><br> ₱199.00</div>
            </div>
        </div>

        <div class="responsiveee">
            <div class="pro">
                <a target="_blank"><img src="pr2.jpg"></a>
                <div class="texttt"> Vanilla Milk Toner <br><br> ₱179.00</div>
            </div>
        </div>

        <div class="responsiveee">
            <div class="pro">
                <a target="_blank"><img src="pr3.png"></a>
                <div class="texttt"> Eye Cream <br><br> ₱189.00</div>
            </div>
        </div>

        <div class="responsivee">
            <div class="proo">
                <a target="_blank"><img src="pr4.png"></a>
                <div class="textt"> Face Moisturizer <br><br> ₱259.00</div>
            </div>
        </div>

        <div class="responsiveee">
            <div class="pro">
                <a target="_blank"><img src="555.png"></a>
                <div class="textt"> Face Sunscreen <br><br> ₱399.00</div>
            </div>
        </div>

        <div class="responsiveee">
            <div class="pro">
                <a target="_blank"><img src="666.jpg"></a>
                <div class="textt"> Vitamin C Serum <br><br> ₱399.00</div>
            </div>
        </div>


    </section>


    <!-- tips section -->

    <section class="tips" id="Tips">
        <h3> Tips </h3>
        <hr color="#F3CED4">

        <h4>5 of the Best Skin-Care Tips From Beauty Experts</h4>
        <div class="Tipsss">
        </div>

        <div class="tipstext">
            <p>
                SKIN-CARE TIP #1: Wear Sunscreen
                As a child, you likely reserved sunscreen for days spent playing outdoors and excursions to the beach. While it’s great that you layered up on those days, it’s equally important to wear broad-spectrum SPF on the not-so-sunny days, too. Despite the way the sky looks, you can still be affected by the sun’s harmful UV rays, which can cause premature skin aging and even some cancers. To reduce those risks, it’s vital to apply (and reapply) sunscreen as part of your daily skin-care routine.
            </p>
            <br>
            <br>
            <p>
                SKIN-CARE TIP #2: Massage Your Face While Cleansing and Moisturizing
                Instead of a quick lather and rinse, take your time while cleansing and moisturizing your face. When you gently massage your products into your face before rinsing, you’re able to boost circulation and create a fresher-looking complexion.
            </p>
            <br>
            <br>
            <p>
                SKIN-CARE TIP #3: Apply Moisturizer After Cleansing
                Cleansing your skin is a great start but without moisturizing it directly after, you’re missing a vital skin-care step. When you apply moisturizer while your skin is still slightly damp post-cleanse, you’re able to seal in that moisture to help promote all-day hydration.
            </p>
            <br>
            <br>
            <p>
                SKIN-CARE TIP #4: Never Wear Makeup to Bed
                Even if you’re exhausted from a long day of work, make sure to set aside time to take off your makeup. When you fall asleep in your makeup, it can lead to clogged pores and potential breakouts. For that reason, you should always wash your face with a gentle cleanser to remove impurities, dirt, bacteria and makeup before hopping into bed.
            </p>
            <br>
            <br>
            <p>
                SKIN-CARE TIP #5: Drink Water
                We can’t stress just how important it is to drink enough water. Studies have found that drinking enough water every day helps the superficial look of your skin, so don’t miss out on hydration.
            </p>

        </div>




    </section>


    <!-- about section -->

    <section class="about" id="About">
        <h3> About </h3>
        <hr color="#F3CED4">
        <p>
            We believe everyone deserves beautiful skin In 2021, we started aphriacare.co with the simple goal of giving the world great skin, from that day forward
            we have stopped at nothing to create the most original, pure and effective formulas in the skincare game. We've personally searched the world for the highest quality
            ethically sourced organic raw materials.
        </p>

        <p>
            Digging for stream-distilled therapeutic-grade essential oils, handpicking fields for plant-based food-grade cold-pressed oils. Visiting the plants that
            will be recycling and reusing our compostable packaging.
        </p>

        <p>
            We want you to love your skin, and we want your daily bathing and skincare rituals to be as luxurious and guild-free as possible. We've carefully crafted our treatments
            with essentials oils, botanicals to pack your skin with essential nutrients for the ultimate in health and vitality.
        </p>

        <div class="responsive">
            <div class="us">
                <a target="_blank"><img src="about1.jpg"></a>
                <div class="text"> Jasmin Marie Fernandez <br><br> Graphic Designer</div>
            </div>
        </div>

        <div class="responsive">
            <div class="us">
                <a target="_blank"><img src="about2.jpg"></a>
                <div class="text"> Mark Christer Ramos <br><br> Front End Programmer</div>
            </div>
        </div>

        <div class="responsive">
            <div class="us">
                <a target="_blank"><img src="about3.jpg"></a>
                <div class="text"> Arjem Balaoing <br><br> Back End Programmer</div>
            </div>
        </div>

        <div class="responsive">
            <div class="us">
                <a target="_blank"><img src="about4.jpeg"></a>
                <div class="text"> Christine Jean Ilagan <br><br> Documentator</div>
            </div>
        </div>
    </section>

    <!-- contact section -->

    <section class="contact" id="Contact">
        <div class="container padding-32">
            <h3 class="border-bottom border-pink padding-16 bold text-khaki">Contact</h3>
            <br>
            <hr color="#F3CED4">
            <br>
            <br>
            <p class="text-khaki">Tell us what you want.</p><br>
            <form onsubmit="return ajaxpost();">
            <input class="input pink border-khaki" type="text" id="fromname" placeholder="Name" required name="Name">
            <input class="input section pink border-khaki" type="text" id="fromemail" placeholder="Email" required name="Email">
            <input class="input section pink border-khaki" type="text" id="message" placeholder="Message" required name="Message">
            <button class="button pink hover-khaki section text-white" type="submit" id="button">
                <i class="fa fa-paper-plane"></i> SEND MESSAGE
            </button>
            </form>
        </div>
    </section>

    <section class="footer">
        <p> @APHRIACARE.CO </p>
    </section>


</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/emailjs-com@3/dist/email.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("button").click(function () {
            (function () {
                emailjs.init("user_Zx9Vt1cwpmLg9Up8De9AU");
            })();

            var templateParams = {
                from_name: document.getElementById("fromname").value,
                from_email: document.getElementById("fromemail").value,
                message: document.getElementById("message").value,
            };

            emailjs.send('service_os0sl82', 'template_rw9p2ll', templateParams)
                .then(function (response) {
                    console.log('SUCCESS!', response.status, response.text);
                }, function (error) {
                    console.log('FAILED...', error);
                });
        }

    });

    var navbar = document.getElementById("navbar");
    var menu = document.getElementById("menu");

    window.onscroll = function () {
        if (window.pageYOffset >= menu.offsetTop) {
            navbar.classList.add("sticky");
        }
        else {
            navbar.classList.remove("sticky");
        }

    }
    function showMenu() {
        menu.style.right = "-100px";
    }
    function hideMenu() {
        menu.style.right = "-300px";
    }
</script>


</html>