wdd131/spcontact.html at main · Pelmog/wdd131 · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="WDD 131 - Web Fundamentals by Kim Brown, Web Development, JavaScript, CSS, HTML">
    <meta name="author" content="Kim Brown">
    <title>WDD 131 - Dynamic Web Fundamentals - Kim Brown</title>
    <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=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
    <link href="">
    <link rel="stylesheet" href="styles/contact.css">
    <link rel="stylesheet" href="styles/contact-small.css" media="only screen and (max-width: 768px)">
    <script src="scripts/getdates.js" defer></script>
</head>

<body>
    <header>
        <h1>Contact Us</h1>
        <nav>
            <ul>
                <li><a href="spinalflow.html">Home</a></li>
                <li><a href="spcontact.html">Contact</a></li>
                <li><a href="treatmentform.html">Review</a></li>
                <li><a href="https://www.instagram.com/mai_knight?igsh=MWd0bXBwMTNuZG1kcA==">Instagram</a></li>
                <li><a href="https://www.churchofjesuschrist.org/study/scriptures/bofm/moro/10.3-5?lang=eng">Scripture
                        Link</a></li>
            </ul>
        </nav>
    </header>
    <main>
        <section class="company-info">
            <h1>Mai'lins Spinal Therapy</h1>
            <h2>Company Information</h2>
            <p>25 High Street, Windsor, UK</p>
            <p>Phone: +44 7495762434</p>
            <p>Email: mailinknight@gmail.com</p>
            <iframe
                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2484.6850080337376!2d-0.6102803237078374!3d51.482295912537374!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x48767ae351702c45%3A0x2da5e027163c0682!2s25%20High%20St%2C%20Windsor%20SL4%201LN!5e0!3m2!1sen!2suk!4v1730566739558!5m2!1sen!2suk"
                width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"
                referrerpolicy="no-referrer-when-downgrade"></iframe>
        </section>
        <section class="employee-profiles">
            <h2>Our Facilities</h2>
            <figure>
                <img src="images/sp8.jpg" alt="Employee 1" width="150">
                <figcaption>Peace</figcaption>
            </figure>
            <figure>
                <img src="images/sp10.jpg" alt="Employee 2" width="150">
                <figcaption>Heaven</figcaption>
            </figure>
            <figure>
                <img src="images/sp9.jpg" alt="Employee 3" width="150">
                <figcaption>Tranquility</figcaption>
            </figure>
        </section>
        <section class="contact-form">
            <h2>Contact Us</h2>
            <form>
                <label for="name">Name:</label>
                <input type="text" id="name" name="name" required>
                <label for="email">Email:</label>
                <input type="email" id="email" name="email" required>
                <label>Purpose of Message:</label>
                <div class="radio-group">
                    <input type="radio" id="generalEnquiry" name="purpose" value="generalInquiry" checked>
                    <label for="generalEnquiry">General Enquiry</label>
                    <input type="radio" id="reservationQuestion" name="purpose" value="reservationQuestion">
                    <label for="reservationQuestion">Reservation Question</label>
                    <input type="radio" id="websiteSuggestion" name="purpose" value="websiteSuggestion">
                    <label for="websiteSuggestion">Website Suggestion</label>
                </div>
                <label for="message">Message:</label>
                <textarea id="message" name="message" required></textarea>
                <div class="form-footer">
                    <label>
                        <input type="checkbox" name="subscribe" value="subscribe">
                        Please subscribe me to the monthly newsletter
                    </label>
                    <button type="button">Submit Enquiry</button>
                </div>
            </form>
        </section>
    </main>
    <footer>
        <p>&copy; <span id="currentyear"></span> 🏴󠁧󠁢󠁳󠁣󠁴󠁿 Kim Brown 🏴󠁧󠁢󠁳󠁣󠁴󠁿 Edinburgh,Scotland
            🏴󠁧󠁢󠁳󠁣󠁴󠁿</p>
        <p id="lastModified"></p>
    </footer>