singolo/singolo3.html at master · romanenkoandrew/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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Singolo3</title>
    <link rel="stylesheet" href="./assets/fonts/fonts.css">
    <link rel="stylesheet" href="singolo3.css">
</head>
<body>
    <div class="wrapper">
        <section class="quote">
            <div class="content">
                <h2>Get a Quote</h2>
                <p>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="form">
                    <form action="#" method="post">
                        <input type="text" name="name" id="name" class="input" placeholder="Name (Required)" required>
                        <input type="email" name="email" id="email" class="input" placeholder="Email (Required)" required>
                        <input type="text" name="subject" id="subject" class="input" placeholder="Subject">
                        <textarea name="describe" id="describe" class="textarea" cols="30" rows="9" placeholder="Describe your project in detail..."></textarea>
                        <div class="buttons">
                            <button type="submit" name="submit" class="button">Submit</button>
                            <button type="reset" name="reset" class="button">Reset</button>
                        </div>
                    </form>
                    <div class="contact-information">
                        <h3>Contact Information</h3>
                        <p>
                            Quisque hendrerit purus dapibus, ornare nibh vitae, viverra 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>
                        <div class="contact">
                            <ul>
                                <li class="contact_item location"><p>Elm St. 14/05 Lost City</p></li>
                                <li class="contact_item phone"><a  href="tel:+03528 331 86 35">03528 331 86 35</a></li>
                                <li class="contact_item email"><a href="mailto:info@singolo.com">info@singolo.com</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
             </div>
        </section>

        <footer>
            <div class="content">
                <div class="copyright">© Copyright 2013</div>
                <div class="social-media">
                    <a href="http://facebook.com" target="_blank" rel="noopener noreferrer">
                        <div class="social-media-item facebook"></div>
                    </a>
                    <a href="http://google.com" target="_blank" rel="noopener noreferrer">
                        <div class="social-media-item google"></div>
                    </a>
                    <a href="http://twitter.com" target="_blank" rel="noopener noreferrer">
                        <div class="social-media-item twitter"></div>
                    </a>
                    <a href="http://linkdein.com" target="_blank" rel="noopener noreferrer">
                        <div class="social-media-item linkedin"></div>
                    </a>
                </div>
            </div>

        </footer>


    </div>
    <script>
        window.onload = function() {
          document.querySelector('body').classList.remove('preload');
        };
      </script>
</body>
</html>