cloudcontinuous/contact.html at master · fiott248/cloudcontinuous · 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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
---
layout: default
header_image: "/assets/images/page-title-bg.jpg"
title: "Contact"
---


{% include page_header.html %}

<!--====== CONTACT INFO PART START ======-->

<section class="contact-info-area pt-130 pb-130">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-12 col-sm-8">
                <div class="contact-info-border">
                    <div class="row">
                        <div class="col-lg-4 col-md-4">
                            <div class="contact-info-item text-center">
                                <i class="fal fa-map-marked-alt"></i>
                                <ul>
                                    <li>27 Division St, New York, </li>
                                    <li>NY 10002,USA </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4">
                            <div class="contact-info-item text-center active">
                                <i class="fal fa-envelope"></i>
                                <ul>
                                    <li>support@gmail.com</li>
                                    <li>www.itservicesinfo.net</li>
                                </ul>
                                <img class="item-1" src="assets/images/contact-shape-1.png" alt="shape">
                                <img class="item-2" src="assets/images/contact-shape-2.png" alt="shape">
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4">
                            <div class="contact-info-item text-center">
                                <i class="fal fa-phone"></i>
                                <ul>
                                    <li>+08 (964) 712365</li>
                                    <li>+0234 (456) 9864</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row align-items-center">
            <div class="col-lg-4 order-2 order-lg-1">
                <div class="contact-thumb mt-30">
                    <img src="assets/images/contact-thumb.jpg" alt="">
                    <div class="contact-text">
                        <h3 class="title">Leave A <br> Message</h3>
                    </div>
                </div>
            </div>
            <div class="col-lg-8 order-1 order-lg-2">
                <div class="contact-massage-area mt-30 pl-70">
                    <div class="contact-massage-content">
                        <h3 class="title">Send A Message</h3>
                        <p>Avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter</p>
                    </div>
                    <form id="contact-form" action="https://formspree.io/xlepjdak" method="post">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="input-box mt-20">
                                    <input name="name" type="text" placeholder="Your Full Name">
                                    <i class="far fa-user"></i>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="input-box mt-20">
                                    <input name="_replyto" type="text" placeholder="Your Email ">
                                    <i class="far fa-envelope"></i>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="input-box mt-20">
                                    <textarea name="message" id="#" cols="30" rows="10" placeholder="Write Message"></textarea>
                                    <i class="far fa-pencil"></i>
                                    <button class="main-btn" type="submit">Send Message</button>
                                </div>
                            </div>
                        </div>
                    </form>
                    <p class="form-message"></p>
                </div>
            </div>
        </div>
    </div>
</section>

<!--====== CONTACT INFO PART ENDS ======-->

<!--====== CONTACT MAP PART START ======-->

<div class="contact-map-area">
    <div class="container-fluid p-0">
        <div class="row">
            <div class="col-lg-12">
                <div class="contact-map">
                    <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d3071.2910802067827!2d90.45905169331171!3d23.691532202989123!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sbd!4v1577214205224!5m2!1sen!2sbd" width="600" height="450" style="border:0;" allowfullscreen=""></iframe>
                    <i class="fal fa-map-marker-alt"></i>
                </div>
            </div>
        </div>
    </div>
</div>

<!--====== CONTACT MAP PART ENDS ======-->