first commit

George-Freeman-gh · Nov 2, 2023 · ca59632 · ca59632
commit ca59632
Show file tree

Hide file tree

Showing 7 changed files with 439 additions and 0 deletions.
diff --git a/Images/Composite-veneer.jpg b/Images/Composite-veneer.jpg
diff --git a/Images/Dental-Lavelle-Why-you-need-to-visit-your-Dentist-every-6-months.jpg b/Images/Dental-Lavelle-Why-you-need-to-visit-your-Dentist-every-6-months.jpg
diff --git a/Images/dental-cleaning-2011.jpg b/Images/dental-cleaning-2011.jpg
diff --git a/Images/dentist-2-svgrepo-com.svg b/Images/dentist-2-svgrepo-com.svg
diff --git a/Images/different-types-of-dental-procedures.jpeg b/Images/different-types-of-dental-procedures.jpeg
diff --git a/index.html b/index.html
@@ -0,0 +1,125 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" 
+      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
+    <link rel="stylesheet" href="./styles.css">
+    <title>Responsive site Dentist solo</title>
+    <!-- Google Fonts-->
+    <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=Inter:wght@200&family=Montserrat:wght@200;400;500;700;900&display=swap" rel="stylesheet">
+</head>
+<body>
+    <header>
+        <div class="header-title">
+            <h1>DentalCare</h1>
+            <img src="./Images/dentist-2-svgrepo-com.svg" alt="icon of a tooth with sparkles around it" >
+        </div>
+        <nav>
+            <ul>
+                <a href="#services" ><li>Services</li></a>
+                <a href="#location"><li>Location</li></a>
+                <a href="#contact-us"><li>Contact Us</li></a>
+            </ul>
+        </nav>
+
+    </header>
+    <section>
+        <div class="container">
+            <h2>Nervous about seeing a dentist? Don't worry we are here to help! </h2>
+            <img  class="image" src="./Images/Dental-Lavelle-Why-you-need-to-visit-your-Dentist-every-6-months.jpg"  alt="Woman smiling while a dentist checks her teeth with tools">
+            <h3>A trip to the dentist can cause anxiety for many people. If you feel nervous about any aspect of your visit to see us, 
+                be assured that the team here are trained to help make your visit as stress free as possible. </h3>
+
+
+        </div>
+
+    </section>
+    <section id="services">
+        <div class="container2" >
+            <h2 class="services-title">Services</h2>
+            <div class="services-container">
+                <div class="service">
+                    <h2>Prophylaxis</h2>
+
+                        <img src="./Images/dental-cleaning-2011.jpg" alt="Woman smiling while a dentist checks her teeth with tools" >
+                        <h3>Prophylaxis is preventative health care, ranging from dental cleaning to prescribing certian medications to prevent dental disease in the future.</h3>
+                    </div>
+                    <div class="service">
+                        <h2>Orthodontics</h2>
+
+                            <img src="./Images/different-types-of-dental-procedures.jpeg" alt="two faces facing eachother, both smiling one with braces and one with straight teeth" >
+                            <h3>Orthodontists are dental specialists who work to correct tooth alignment and bite problems in order to give you a perfect smile.</h3>
+
+
+                    </div>
+                    <div class="service">
+                        <h2>Veneers</h2>
+
+                            <img src="./Images/Composite-veneer.jpg" alt="close up image of a smile showing teeth, alongside a range of veneers" >
+                            <h3>A composite veneer is a dental procedure used to improve the appearance of the teeth. 
+                                It involves applying a thin layer of composite resin material directly to the tooth to 
+                                fix any imperfections in its shape, size, or color.
+                                </h3>
+
+
+                    </div>
+
+                </div>
+
+            </div>
+        </div>
+    </section>
+
+    <section id="location">
+        <h2 class="services-title">Location</h2>
+        <div class="container3">
+            <div class="map-container">
+                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3324.923168347444!2d-84.28580950000001
+                !3d33.5553725!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88f4f8bdd5de5299%3A0x6c4cb2c5fa2d251f!2
+                sdoes%20not%20exist!5e0!3m2!1sen!2sdo!4v1698897386464!5m2!1sen!2sdo" width="600" height="450" style="border:0;" 
+                allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
+            </div>
+
+        </div>
+    </section>
+    <section id="contact-us">
+        <h2 class="services-title">Contact us</h2>
+        <div class="contact-container">
+            <div class="contact-details">
+                <h2>Contact Details</h2>
+                <h3>Phone: 0208-511-7272</h3>
+                <h3>Email us: <a href="mailto:DentalCare@dentist.org">DentalCare@&#8203;dentist.org</a></h3>
+                <h3>Whatsapp: <a href="https://wa.me/18293428181">+1 (829)-342-8184</a></h3>
+
+            </div>
+        </div>
+        <form>
+            <h2>Request a Quote</h2>
+            <label for="contact-name">Name:</label>
+            <input type="text"  id="contact-name" name="contact-name" placeholder="Enter your Full Name" required>
+            <br>
+
+            <label for="contact-number">Number:</label>   
+            <input type="number" id="contact-number" name="contact-number" placeholder="Enter your Phone number" required>
+            <br>
+
+            <label for="contact-email">Email:</label>   
+            <input type="email" id="contact-email" name="contact-email" placeholder="Enter your Email" required>
+            <button>Submit</button>
+
+
+
+
+        </form>
+
+
+
+
+
+    </section>
+
+</body>
+</html>