salon/about.html at main · amnaontop/salon · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>BOOKING</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="banner">
        <marquee behavior="" direction="left">SAME DAY SHIPPING ON ALL ORDERS PLACED BEFORE 1PM UTC</marquee>
    </div>
    <header>
        <div class="links">
            <a href="index.html">HOME</a>
            <a href="products.html">PRODUCTS</a>
            <a href="booking.html">BOOKING</a>
        </div>
        <h2 class="logo">m<span>&</span>a</h2>
        <div class="icons">
            <a href="#"><svg xmlns="http://www.w3.org/2000/svg" height="34px" viewBox="0 -960 960 960" width="48px" fill="#A9947E"><path d="M785.23-154.08 529.15-410.15q-29.69 26.82-69.26 40.91-39.56 14.09-79.58 14.09-95.59 0-161.79-66.03-66.21-66.03-66.21-161t66.03-161.13q66.03-66.15 160.94-66.15t161.51 66.06q66.59 66.07 66.59 160.96 0 41.21-14.76 80.82-14.77 39.62-41.24 69.24l256.31 255.07-22.46 23.23ZM380.08-385.92q82.66 0 139.6-56.73t56.94-139.66q0-82.92-56.94-139.65-56.94-56.73-139.6-56.73-82.86 0-139.93 56.73-57.07 56.73-57.07 139.65 0 82.93 57.07 139.66 57.07 56.73 139.93 56.73Z"/></svg></a>
            <a href="#"><svg id="cart-icon" xmlns="http://www.w3.org/2000/svg" height="34px" viewBox="0 -960 960 960" width="48px" fill="#A9947E"><path d="M215.38-120q-22.44 0-38.91-16.47Q160-152.94 160-175.38v-453.85q0-22.44 16.47-38.91 16.47-16.48 38.91-16.48h109.24q0-64.92 44.26-110.15Q413.15-840 478.08-840q65.73 0 111.52 45 45.78 45 45.78 110.38h109.24q22.44 0 38.91 16.48Q800-651.67 800-629.23v453.85q0 22.44-16.47 38.91Q767.06-120 744.62-120H215.38Zm0-30.77h529.24q9.23 0 16.92-7.69 7.69-7.69 7.69-16.92v-453.85q0-9.23-7.69-16.92-7.69-7.7-16.92-7.7H215.38q-9.23 0-16.92 7.7-7.69 7.69-7.69 16.92v453.85q0 9.23 7.69 16.92 7.69 7.69 16.92 7.69ZM480-453.85q65.15 0 111.62-46.46 46.46-46.46 46.46-111.61h-30.77q0 52.69-37.79 90-37.78 37.3-89.61 37.3t-89.14-37.3q-37.31-37.31-37.31-90h-30.77q0 65.15 46.08 111.61 46.08 46.46 111.23 46.46ZM355.38-684.62h249.24q0-51.92-36.35-88.26-36.35-36.35-88.27-36.35-51.92 0-88.27 36.35-36.35 36.34-36.35 88.26ZM190.77-150.77V-653.85-150.77Z"/></svg></a>
        </div>
    </header>
    <div id="account-form">
        <form action="#" id="login-form" class="">
            <div class="close-btn"></div>
            <h2 class="logo">m<span>&</span>a</h2>
            <input type="email" placeholder="email" required>
            <input type="password" placeholder="password" required>
            <button>login</button>
            <p>Don't have an account? <a href="#" id="switch-to-signup">sign up</a></p>
        </form>
        <form action="#" id="signup-form" class="">
            <div class="close-btn"></div>
            <h2 class="logo">m<span>&</span>a</h2>
            <input type="text" placeholder="name" required>
            <input type="email" placeholder="email" required>
            <input type="password" placeholder="password" required>
            <input type="password" placeholder="confirm password" required>
            <button>sign up</button>
            <p>Already have an account? <a href="#" id="switch-to-login">login in</a></p>
        </form>
    </div>
    <section id="about-main">
        <div class="first">
            <div class="info">
                <h2>About us</h2>
                <p>At m&a beauty meets artistry, and every visit is an opportunity to rejuvenate, relax, and rediscover your unique style. Located in the heart of Islamabad, we’ve proudly served our community as a trusted sanctuary for self-care and transformation.</p>
            </div>
            <img src="media/guilherme-petri-PtOfbGkU3uI-unsplash 1.png" alt="">
        </div>
        <div class="first">
            <img src="media/shari-sirotnak-oM5YoMhTf8E-unsplash 1.png" alt="">
            <div class="info">
                <h2>Our Mission</h2>
                <p>Our mission is to help you look and feel your best. From the moment you arrive, we provide an experience beyond the ordinary, tailoring every service—from fresh cuts to vibrant colors and soothing spa treatments—to your unique needs</p>
            </div>
        </div>
    </section>
    <div id="sm-icons">
        <img src="media/SM-ICONS.png" alt="">
    </div>
    <footer>
        <div class="cpr">
            <h2 class="logo">m<span>&</span>a</h2>
            <p>&copy; memoona & amna salon</p>
        </div>
        <div class="links">
            <a href="index.html">HOME</a>
            <a href="products.html">PRODUCTS</a>
            <a href="booking.html">BOOKING</a>
            <a href="about.html">ABOUT</a>
        </div>
    </footer>
    <script src="main.js"></script>

</body>
</html>