Contacts

Component #1

Contact
Write to us E-mail message
Frequently Asked Questions
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer
Our Office
Brooklyn, New York
849 Diamond Str, 112th Floor
NY 10012 New York, United Stated America
Working Hours
Mon-Sat:8:00-17:00
Sunday: Closed
We Are Always Thinking Global
                    
                      <!-- Contact Section -->
                      <div>
                        <div class="bg-gray-1000 py-6 pt-lg-9 pb-lg-11 mb-7 mb-lg-10">
                            <div class="container px-md-5 mb-lg-2">
                                <h6 class="font-size-30 font-weight-semi-bold text-center mb-1">Contact</h6>
                                <nav aria-label="breadcrumb">
                                  <ol class="breadcrumb justify-content-center p-0">
                                    <li class="breadcrumb-item"><a href="../home/index.html">Home</a></li>
                                    <li class="breadcrumb-item active" aria-current="page">Contact</li>
                                  </ol>
                                </nav>
                            </div>
                        </div>
                        <div class="space-bottom-1 space-bottom-lg-2">
                            <div class="container px-md-5 pb-lg-6">
                                <div class="row">
                                    <div class="col-lg-7">
                                        <div class="mb-5 mb-lg-0">
                                            <h5 class="font-size-18 font-weight-medium mb-4">Write to us E-mail message</h5>

                                            <!-- Contacts Form -->
                                            <form class="js-validate">
                                                <div class="row">
                                                    <!-- Input -->
                                                    <div class="col-sm-6 mb-3">
                                                      <div class="js-form-message">
                                                        <label class="input-label font-size-15 font-weight-medium font-size-15 font-weight-medium">
                                                          Your name
                                                        </label>

                                                        <input type="text" class="form-control rounded-0" name="name" placeholder="" aria-label="Jeff Fisher" required
                                                               data-msg="Please enter your name.">
                                                      </div>
                                                    </div>
                                                    <!-- End Input -->

                                                    <!-- Input -->
                                                    <div class="col-sm-6 mb-3">
                                                      <div class="js-form-message">
                                                        <label class="input-label font-size-15 font-weight-medium">
                                                          Your email address
                                                        </label>

                                                        <input type="email" class="form-control rounded-0" name="email" placeholder="" aria-label="jackwayley@gmail.com" required
                                                               data-msg="Please enter a valid email address.">
                                                      </div>
                                                    </div>
                                                    <!-- End Input -->

                                                    <!-- Input -->
                                                    <div class="col-sm-12 mb-3">
                                                      <div class="js-form-message">
                                                        <label class="input-label font-size-15 font-weight-medium">
                                                          Subject
                                                        </label>

                                                        <input type="text" class="form-control rounded-0" name="subject" placeholder="" aria-label="Web design" required
                                                               data-msg="Please enter a subject.">
                                                      </div>
                                                    </div>
                                                    <!-- End Input -->
                                                </div>

                                                <!-- Input -->
                                                <div class="js-form-message mb-3">
                                                    <label class="input-label font-size-15 font-weight-medium">
                                                      Your Message
                                                    </label>

                                                    <div class="input-group">
                                                      <textarea class="form-control rounded-0" rows="8" name="text" placeholder="" aria-label="Hi there, I would like to ..." required
                                                        data-msg="Please enter a reason."></textarea>
                                                    </div>
                                                </div>
                                                <!-- End Input -->

                                                <div>
                                                    <button type="submit" class="btn btn-primary px-3 transition-3d-hover border-radius-sm font-size-1">
                                                        <span class="mx-1">Send Message</span>
                                                    </button>
                                                </div>
                                            </form>
                                            <!-- End Contacts Form -->
                                        </div>
                                    </div>
                                    <div class="col-lg-5">
                                        <div class="pl-lg-5 ml-lg-1">
                                            <h5 class="font-size-18 font-weight-medium mb-4">Frequently Asked Questions</h5> 

                                            <div class="mb-5 mb-lg-8">
                                                <!-- Basics Accordion -->
                                                <div id="basicsAccordion">
                                                    <!-- Card -->
                                                    <div class="mb-2">
                                                        <div class="card-collapse v1" id="basicsHeadingOne">
                                                            <button type="button" class="d-flex align-items-center btn btn-link btn-block card-btn p-0 collapsed"
                                                                data-toggle="collapse"
                                                                data-target="#basicsCollapseOne"
                                                                aria-expanded="false"
                                                                aria-controls="basicsCollapseOne">

                                                                <span class="card-btn-toggle">
                                                                    <span class="card-btn-toggle-default">+</span>
                                                                    <span class="card-btn-toggle-active">−</span>
                                                                </span>
                                                                <div class="text-primary font-size-1 font-secondary font-weight-medium ml-1">On how many devices can i watch at the same time?</div>
                                                            </button>
                                                        </div>
                                                        <div id="basicsCollapseOne" class="collapse"
                                                            aria-labelledby="basicsHeadingOne"
                                                            data-parent="#basicsAccordion">

                                                            <div class="card-body pl-4 pt-2 mt-1 pb-2">
                                                                Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!-- End Card -->

                                                    <!-- Card -->
                                                    <div class="mb-2">
                                                        <div class="card-collapse v1" id="basicsHeadingTwo">
                                                            <button type="button" class="d-flex align-items-center btn btn-link btn-block card-btn p-0 collapsed"
                                                                data-toggle="collapse"
                                                                data-target="#basicsCollapseTwo"
                                                                aria-expanded="false"
                                                                aria-controls="basicsCollapseTwo">

                                                                <span class="card-btn-toggle">
                                                                    <span class="card-btn-toggle-default">+</span>
                                                                    <span class="card-btn-toggle-active">−</span>
                                                                </span>
                                                                <div class="text-primary font-size-1 font-secondary font-weight-medium ml-1">First launch of Vodi</div>
                                                            </button>
                                                        </div>
                                                        <div id="basicsCollapseTwo" class="collapse"
                                                            aria-labelledby="basicsHeadingTwo"
                                                            data-parent="#basicsAccordion">

                                                            <div class="card-body pl-4 pt-2 mt-1 pb-2">
                                                                Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!-- End Card -->


                                                    <!-- Card -->
                                                    <div class="mb-2">
                                                        <div class="card-collapse v1" id="basicsHeadingThree">
                                                            <button type="button" class="d-flex align-items-center btn btn-link btn-block card-btn p-0 collapsed"
                                                                data-toggle="collapse"
                                                                data-target="#basicsCollapseThree"
                                                                aria-expanded="false"
                                                                aria-controls="basicsCollapseThree">

                                                                <span class="card-btn-toggle">
                                                                    <span class="card-btn-toggle-default">+</span>
                                                                    <span class="card-btn-toggle-active">−</span>
                                                                </span>
                                                                <div class="text-primary font-size-1 font-secondary font-weight-medium ml-1">What is a Vodi?</div>
                                                            </button>
                                                        </div>
                                                        <div id="basicsCollapseThree" class="collapse"
                                                            aria-labelledby="basicsHeadingThree"
                                                            data-parent="#basicsAccordion">

                                                            <div class="card-body pl-4 pt-2 mt-1 pb-2">
                                                                Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer                                    
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!-- End Card -->

                                                    <!-- Card -->
                                                    <div class="mb-2">
                                                        <div class="card-collapse v1" id="basicsHeadingFour">
                                                            <button type="button" class="d-flex align-items-center btn btn-link btn-block card-btn p-0 collapsed"
                                                                data-toggle="collapse"
                                                                data-target="#basicsCollapseFour"
                                                                aria-expanded="false"
                                                                aria-controls="basicsCollapseFour">

                                                                <span class="card-btn-toggle">
                                                                    <span class="card-btn-toggle-default">+</span>
                                                                    <span class="card-btn-toggle-active">−</span>
                                                                </span>
                                                                <div class="text-primary font-size-1 font-secondary font-weight-medium ml-1">Failure to login Vodi on Mobile</div>
                                                            </button>
                                                        </div>
                                                        <div id="basicsCollapseFour" class="collapse"
                                                            aria-labelledby="basicsHeadingFour"
                                                            data-parent="#basicsAccordion">

                                                            <div class="card-body pl-4 pt-2 mt-1 pb-2">
                                                                Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!-- End Card -->

                                                    <!-- Card -->
                                                    <div class="mb-0">
                                                        <div class="card-collapse v1" id="basicsHeadingFive">
                                                            <button type="button" class="d-flex align-items-center btn btn-link btn-block card-btn p-0 collapsed"
                                                                data-toggle="collapse"
                                                                data-target="#basicsCollapseFive"
                                                                aria-expanded="false"
                                                                aria-controls="basicsCollapseFive">

                                                                <span class="card-btn-toggle">
                                                                    <span class="card-btn-toggle-default">+</span>
                                                                    <span class="card-btn-toggle-active">−</span>
                                                                </span>
                                                                <div class="text-primary font-size-1 font-secondary font-weight-medium ml-1">Access to Vodi + packages in European Union Countries</div>
                                                            </button>
                                                        </div>
                                                        <div id="basicsCollapseFive" class="collapse"
                                                            aria-labelledby="basicsHeadingFive"
                                                            data-parent="#basicsAccordion">

                                                            <div class="card-body pl-4 pt-2 mt-1 pb-2">
                                                                Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!-- End Card -->
                                                </div>
                                                <!-- End Basics Accordion -->
                                            </div>
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <h6 class="font-size-18 font-weight-medium mb-3 pb-1">Our Office</h6>
                                                    <address class="font-size-13 text-gray-1300">
                                                        Brooklyn, New York <br> 
                                                        849 Diamond Str, 112th Floor <br>
                                                        NY 10012 New York, United Stated America
                                                    </address>
                                                </div>
                                                <div class="col-md-6">
                                                    <h6 class="font-size-18 font-weight-medium mb-3 pb-1">Working Hours</h6>
                                                    <div class="font-size-13 text-gray-1300">Mon-Sat:8:00-17:00</div>
                                                    <div class="font-size-13 text-gray-1300">Sunday: Closed</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3151.835253576489!2d144.95372995111143!3d-37.817327679652266!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad65d4c2b349649%3A0xb6899234e561db11!2sEnvato!5e0!3m2!1sen!2sin!4v1581584770980!5m2!1sen!2sin" width="100%" height="320" frameborder="0" style="border:0;" allowfullscreen=""></iframe>

                        <div class="container px-md-5">
                            <div class="space-1 space-lg-2">
                                <div class="py-lg-3">
                                    <h6 class="font-size-24 font-weight-normal text-center mb-0">We Are Always Thinking Global</h6>
                                </div>
                            </div>
                        </div>
                      </div>
                      <!-- End Contact Section -->
                    
                  
                    
                      <!-- JS Implementing Plugins -->
                      <script src="../../assets/vendor/jquery-validation/dist/jquery.validate.min.js"></script>

                      <!-- JS Vodi -->
                      <script src="../../assets/js/hs.validation.js"></script>

                      <!-- JS Plugins Init. -->
                      <script>
                        $(document).on('ready', function () {
                          // initialization of form validation
                          $('.js-validate').each(function () {
                            var validation = $.HSCore.components.HSValidation.init($(this));
                          });
                        });
                      </script>