Mangata-and-Gallo-Jewelry/index.html at main · SitaGanesh/Mangata-and-Gallo-Jewelry · 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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mangata and Gallo</title>
    <link rel="stylesheet" href="styles.css">
    <!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"     integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> -->

</head>

<body>
    <header>
        <img class="logo" src="Asset 3@3x.png" alt="Mangata and Gallo logo">
    </header>
    <nav>
        <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="#aboutUs">About Us</a></li>
            <li><a href="#cart">Cart</a></li>
            <li><a href="#collection">Our Collection</a></li>
        </ul>
    </nav>
    <main>
        <section id="home">
            <article class="blockquote-image">
                <blockquote>Adorn yourself in elegance; let every pearl and piece of jewelry tell your unique story of
                    timeless beauty.</blockquote>
                <img class="img4" src="img4.jpg" alt="Promotional Banner">
            </article>
            <article class="first-imgs">
                <img class="img2" src="img2.jpg" alt="First image showcase">
                <img class="img3" src="img3.jpg" alt="Second image showcase">
            </article>
        </section>
        <section class="about-section" id="aboutUs">
            <article class="about-us">
                <h1>About Us</h1>
                <p>Mangata & Gallo, a jewelry store that specializes in special occasions like engagements, weddings and
                    anniversaries. The text describes the jewelry company as primarily online with a small storefront in
                    Austin, Texas and an atelier for browsing. They are known for their high-quality and classic look.
                </p>
                <p>Mariana, is an Austin local well known for her jewelry designs. After graduating from design school
                    with a specialization in diamond cutting and metal smithing, Mariana opened a store in her hometown,
                    Austin and started to grow her business online.</p>
                <p>Mariana has always managed every aspect of the business, from jewelry design to marketing to
                    e-commerce. However, she recently hired several artisans to help craft her designs and a young
                    employee to help manage the company website and social media accounts.</p>
            </article>
        </section>
        <section class="grid-section">
            <h1 class="grid-card-header" id="cart">Our Cart</h1>
            <div class="grid-cart">
                <article>
                    <div class="card1">
                        <figure>
                            <img src="cart-image1.jpg" alt="South Sea Cultured Pearls">
                            <figcaption>South Sea Cultured Pearls</figcaption>
                        </figure>
                    </div>
                </article>
                <article>
                    <div class="card2">
                        <figure>
                            <img src="cart-image2.jpg" alt="Kundan Sets">
                            <figcaption>Kundan Sets</figcaption>
                        </figure>
                    </div>
                </article>
                <article>
                    <div class="card3">
                        <figure>
                            <img src="cart-image3.jpg" alt="Diamond Necklace Sets">
                            <figcaption>Diamond Necklace Sets</figcaption>
                        </figure>
                    </div>
                </article>
                <article>
                    <div class="card4">
                        <figure>
                            <img src="cart-image4.jpg" alt="Gold Necklace">
                            <figcaption>Gold Necklace</figcaption>
                        </figure>
                    </div>
                </article>
                <article>
                    <div class="card5">
                        <figure>
                            <img src="cart-image5.jpg" alt="Rose Cut Diamond Pendant" width="322px" height="240px">
                            <figcaption>Rose Cut Diamond Pendant</figcaption>
                        </figure>
                    </div>
                </article>
                <article>
                    <div class="card6">
                        <figure>
                            <img src="cart-image6.jpg" alt="Uncut Diamond Earrings">
                            <figcaption>Uncut Diamond Earrings</figcaption>
                        </figure>
                    </div>
                </article>
            </div>
        </section>
        <section class="our-collection" id="collection">
            <article>
                <div class="background-image">
                    <div class="caption">
                        <h1>Elegance Redefined</h1>
                        <p>Discover the timeless beauty of our diamond necklaces.</p>
                    </div>
                </div>
            </article>
        </section>
    </main>
    <hr class="hr-footer">
    <footer>
        <figure>
            <img class="footer-logo" src="Asset 3@3x.png" alt="Small logo">
        </figure>
        <div class="footer-div">
            Created By Sita Ganesh &copy; 2024 Mangata Gallo
        </div>
        <br>

        </footer>

            <ul class="footer-details">
                <li><a href="https://twitter.com/ganesh_sita07" target="_blank">Twitter</a></li>
                <li><a href="https://www.linkedin.com/in/s-ganesh-96281b256/" target="_blank">LinkedIn</a></li>
                <li><a href="https://github.com/SitaGanesh" target="_blank">Github</a></li>
                </ul>
            <marquee behavior="scroll" direction="left" style="font-size: x-large; color: red;">This is a fictional website created for demonstration purposes. It is not an actual jewelry shop. For more information or to reach out to me, please visit my social media profiles above.</marquee>
</body>

</html>