singolo/singolo3.html at master · ShadeZP/singolo · 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
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Singolo</title>
        <link rel="stylesheet" href="singolo3.css" />
    </head>
    <body>
        <section class="get-a-quote">
            <div class="wrapper get-a-quote__wrapper">
                <h2 class="get-a-quote__title">Get a Quote</h2>
                <p class="get-a-quote__text">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum. Duis mollis, non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
                <div class="get-a-quote__form">
                    <form action="#" class="form">
                        <input class="form__input" type="text" name="name" placeholder="Name (Required)" required>
                        <input class="form__input" type="email" name="email" placeholder="Email (Required)" required>
                        <input class="form__input" type="text" name="subject" placeholder="Subject" >
                        <textarea class="form__input form__input_textarea" cols="30" rows="8" placeholder="Describe your project in detail."></textarea>
                        <button type="submit" class="form__button">Submit</button>
                    </form>
                    <div class="get-a-quote__contact-information contact-information">
                        <h3 class="contact-information__title">Contact Information</h3>
                        <p class="contact-information__text">Quisque hendrerit purus dapibus, ornare nibh vitae, viver&shy;ra nibh. Fusce vitae aliquam tellus. Proin sit amet volutpat libero. Nulla sed nunc et tortor luctus faucibus. Morbi at aliquet turpis, et consequat felis.</p>
                        <p class="contact-information__location">
                            <img class="contact-information__image" src="assets/img/icons/location.png" alt="location" width="7" height="11">
                            Elm St. 14/05 Lost City
                        </p>
                        <a href="tel:035283318635" class="contact-information__phone">
                            <img class="contact-information__image" src="assets/img/icons/phone1.png" alt="phone" width="11" height="11"/>
                            03528 331 86 35
                        </a>
                        <a href="mailto:info@singolo.com" class="contact-information__email">
                            <img class="contact-information__image" src="assets/img/icons/email.png" alt="email" width="13" height="8"/>
                            info@singolo.com
                        </a>
                    </div>
                </div>
            </div>
        </section>
        <section class="footer">
            <div class="wrapper footer__wrapper">
                <div class="footer__copyright">
                    <img class="footer__copyright-image" src="assets/img/copyright.png" alt="copyright" width="92" height="11">
                </div>
                <div class="footer__social-media">
                    <a href="#" class="employee__link">
                        <img src="assets/img/Facebook.png" alt="Facebook" class="social-media__link" width="8" height="14">
                    </a>
                    <a href="#" class="employee__link">
                        <img src="assets/img/Google.png" alt="Google" class="social-media__link" width="14" height="14">
                    </a>
                    <a href="#" class="employee__link">
                        <img src="assets/img/Twitter.png" alt="Twitter" class="social-media__link" width="14" height="12">
                    </a>
                    <a href="#" class="employee__link">
                        <img src="assets/img/LinkedIn.png" alt="LinkedIn" class="social-media__link" width="14" height="14">
                    </a>
                </div>
            </div>
        </section>
    </body>
</html>