Mon-petite-fleur/index.html at main · monpetitefleur/Mon-petite-fleur · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Mon Petite Fleur | Luxury Floristry</title>

    <link rel="stylesheet" href="css/style.css">

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

    <link href="https://fonts.googleapis.com/css2?family=Great+Vibes&family=Cormorant+Garamond:wght@400;600&family=Poppins:wght@300;400;500&display=swap" rel="stylesheet">
</head>

<body>

<nav>
    <a class="logo-text" href="index.html">Mon Petite Fleur</a>

    <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="about.html">About</a></li>
        <li><a href="bouquets.html">Bouquets</a></li>
        <li><a href="weddings.html">Weddings</a></li>
        <li><a href="gallery.html">Gallery</a></li>
        <li><a href="journal.html">Journal</a></li>
        <li><a href="contact.html">Contact</a></li>
    </ul>
</nav>

<header class="hero">

    <img src="images/logo.svg" class="hero-logo" alt="Mon Petite Fleur Logo">

    <h1>Mon Petite Fleur</h1>

    <p>
        Flowers for every season, crafted with love.
    </p>

    <div class="buttons">
        <a href="bouquets.html">Shop Bouquets</a>
        <a href="weddings.html">Wedding Enquiries</a>
    </div>

</header>

<section class="welcome">

<h2>Welcome</h2>

<p>

At Mon Petite Fleur every bouquet is thoughtfully handcrafted using seasonal flowers and timeless design.

Inspired by the romance of the French countryside and the beauty of North Yorkshire, every arrangement is created to celebrate life's most meaningful moments.

</p>

</section>

<section class="collections">

<h2>Featured Collections</h2>

<div class="cards">

<div class="card">
<h3>Cottage Garden</h3>
<p>Soft romantic flowers inspired by English gardens.</p>
</div>

<div class="card">
<h3>Wild Meadow</h3>
<p>Natural textures with seasonal blooms.</p>
</div>

<div class="card">
<h3>Signature Collection</h3>
<p>Luxury bouquets designed for every occasion.</p>
</div>

</div>

</section>

<section class="story">

<h2>Our Story</h2>

<p>

Mon Petite Fleur began with a love of beautiful flowers, thoughtful gifting and timeless elegance.

Every bouquet is designed with care, passion and attention to every little detail.

</p>

<p class="signature">

With love,<br>

Madeleine Beatrice Scott

</p>

</section>

<footer>

<p>

Petite par les fleurs, grandie par l'amour.
</p>
<p>© <span class="current-year"></span> Mon Petite Fleur</p>

</footer>

<script src="js/script.js"></script>

</body>
</html>