MethodFM/vitalmethod-functional-medicine
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Beauty Bomb NY | Luxury Beauty Services</title>7 <link rel="stylesheet" href="style.css">8 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">9 <link rel="preconnect" href="https://fonts.googleapis.com">10 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>11 <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap" rel="stylesheet">12</head>13<body>14 <custom-navbar></custom-navbar>15 16 <main>17 <!-- Hero Section -->18 <section class="hero">19 <div class="hero-content">20 <h1>Luxury Beauty Services in NYC</h1>21 <p>Professional makeup, lashes, and skincare services</p>22 <a href="#services" class="btn-primary">Our Services</a>23 </div>24 </section>25 26 <!-- Services Section -->27 <section id="services" class="services">28 <h2>Our Services</h2>29 <div class="service-grid">30 <div class="service-card">31 <img src="http://static.photos/cosmetic/640x360/1" alt="Makeup Service">32 <h3>Makeup Artistry</h3>33 <p>Professional makeup application for any occasion</p>34 <a href="#contact" class="btn-secondary">Book Now</a>35 </div>36 <div class="service-card">37 <img src="http://static.photos/cosmetic/640x360/2" alt="Lash Service">38 <h3>Lash Extensions</h3>39 <p>Luxurious lash extensions for a dramatic look</p>40 <a href="#contact" class="btn-secondary">Book Now</a>41 </div>42 <div class="service-card">43 <img src="http://static.photos/cosmetic/640x360/3" alt="Skincare Service">44 <h3>Facials & Skincare</h3>45 <p>Customized treatments for glowing skin</p>46 <a href="#contact" class="btn-secondary">Book Now</a>47 </div>48 </div>49 </section>50 51 <!-- About Section -->52 <section class="about">53 <div class="about-image">54 <img src="http://static.photos/cosmetic/640x360/4" alt="Beauty Bomb NY">55 </div>56 <div class="about-content">57 <h2>About Beauty Bomb NY</h2>58 <p>We are a premier beauty studio in New York City specializing in luxury makeup, lash extensions, and skincare services.</p>59 <p>Our team of certified professionals is dedicated to helping you look and feel your absolute best.</p>60 <a href="#contact" class="btn-primary">Contact Us</a>61 </div>62 </section>63 64 <!-- Gallery Section -->65 <section class="gallery">66 <h2>Our Work</h2>67 <div class="gallery-grid">68 <img src="http://static.photos/cosmetic/320x240/1" alt="Makeup Example">69 <img src="http://static.photos/cosmetic/320x240/2" alt="Lashes Example">70 <img src="http://static.photos/cosmetic/320x240/3" alt="Bridal Makeup">71 <img src="http://static.photos/cosmetic/320x240/4" alt="Skincare Treatment">72 <img src="http://static.photos/cosmetic/320x240/5" alt="Makeup Example">73 <img src="http://static.photos/cosmetic/320x240/6" alt="Lashes Example">74 </div>75 </section>76 77 <!-- Contact Section -->78 <section id="contact" class="contact">79 <h2>Book Your Appointment</h2>80 <div class="contact-container">81 <div class="contact-info">82 <h3>Contact Information</h3>83 <p><i class="fas fa-map-marker-alt"></i> 123 Beauty Street, NYC</p>84 <p><i class="fas fa-phone"></i> (555) 123-4567</p>85 <p><i class="fas fa-envelope"></i> info@beautybombny.com</p>86 <div class="social-links">87 <a href="#"><i class="fab fa-instagram"></i></a>88 <a href="#"><i class="fab fa-facebook-f"></i></a>89 <a href="#"><i class="fab fa-tiktok"></i></a>90 </div>91 </div>92 <form class="contact-form">93 <div class="form-group">94 <input type="text" placeholder="Name" required>95 </div>96 <div class="form-group">97 <input type="email" placeholder="Email" required>98 </div>99 <div class="form-group">100 <input type="tel" placeholder="Phone">101 </div>102 <div class="form-group">103 <select required>104 <option value="">Select Service</option>105 <option>Makeup Application</option>106 <option>Lash Extensions</option>107 <option>Facial Treatment</option>108 <option>Other</option>109 </select>110 </div>111 <div class="form-group">112 <textarea placeholder="Message"></textarea>113 </div>114 <button type="submit" class="btn-primary">Submit</button>115 </form>116 </div>117 </section>118 </main>119 120 <custom-footer></custom-footer>121 122 <script src="components/navbar.js"></script>123 <script src="components/footer.js"></script>124 <script src="script.js"></script>125</body>126</html>