Contact us 1
<section class="py-5">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-8 mx-auto text-center">
<div class="ms-3 mb-md-5">
<div class="icon icon-shape bg-gradient-info shadow text-center mb-4">
<i class="ni ni-single-02 text-white opacity-10"></i>
</div>
<h3>Contact us</h3>
<p>
For further questions, including partnership opportunities, please email [email protected]
or contact using our contact form.
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="card card-plain">
<form id="contact-form" method="post" autocomplete="off">
<div class="card-body">
<div class="row">
<div class="col-md-6">
<label>First Name</label>
<div class="input-group mb-4">
<input class="form-control" placeholder="eg. Michael" aria-label="First Name..." type="text">
</div>
</div>
<div class="col-md-6 ps-2">
<label>Last Name</label>
<div class="input-group">
<input type="text" class="form-control" placeholder="eg. Jordan" aria-label="Last Name...">
</div>
</div>
</div>
<div class="mb-4">
<label>Company</label>
<div class="input-group">
<input type="text" class="form-control" placeholder="eg. Apple Inc.">
</div>
</div>
<div class="mb-4">
<label>Email Address</label>
<div class="input-group">
<input type="email" class="form-control" placeholder="eg. [email protected]">
</div>
</div>
<div class="mb-4">
<label>Phone Number</label>
<div class="input-group mb-3">
<select class="input-group-text" id="inputGroupSelect01">
<option selected>RU</option>
<option value="1">EN</option>
<option value="2">US</option>
<option value="3">AR</option>
</select>
<input type="number" class="form-control ps-3" aria-label="Phone Number" placeholder="+(1111) 32322 11">
</div>
</div>
<div class="form-group mb-4">
<label>Your message</label>
<textarea name="message" class="form-control border-radius-lg" placeholder="Type here" id="message" rows="6"></textarea>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-check form-switch mb-4">
<input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault" checked="">
<label class="form-check-label" for="flexSwitchCheckDefault">I agree to the <a href="javascript:;" class="text-dark text-decoration-underline-hover"><u>Terms and Conditions</u></a>.</label>
</div>
</div>
<div class="col-md-12">
<button type="submit" class="btn bg-gradient-info w-100">Send Message</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>Contact us 2
<section class="py-10 bg-dark position-relative overflow-hidden">
<div class="container position-relative z-index-1">
<div class="row">
<div class="col-lg-6 col-md-12 d-flex justify-content-center flex-column">
<h2 class="text-white">Get in Touch</h2>
<p class="lead pe-5 text-white opacity-8 z-index-1">You need more information? Check what other persons are saying about our product. They are very happy with their purchase.</p>
<p class="mt-4 text-white opacity-8 z-index-1">730 Dyonisie Wolf <br> Bucharest, RO 010458</p>
<div class="d-flex p-2 text-white opacity-8">
<div>
<i class="fas fa-phone text-sm"></i>
</div>
<div class="ps-3">
<span class="text-sm">(+40) 772 100 200</span>
</div>
</div>
<div class="d-flex p-2 text-white opacity-8">
<div>
<i class="fas fa-envelope text-sm"></i>
</div>
<div class="ps-3">
<span class="text-sm">[email protected]</span>
</div>
</div>
<div class="d-flex p-2 text-white opacity-8">
<div>
<i class="fas fa-ticket-alt text-sm"></i>
</div>
<div class="ps-3">
<span class="text-sm">Open Support Ticket</span>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="card mt-5 mt-lg-0">
<form id="contact-form" method="post" autocomplete="off">
<div class="card-body">
<div class="row">
<div class="col-md-6">
<label>First name</label>
<div class="input-group mb-4">
<input class="form-control" placeholder="eg. William" aria-label="First Name..." type="text">
</div>
</div>
<div class="col-md-6 ps-2">
<label>Last name</label>
<div class="input-group mb-4">
<input type="text" class="form-control" placeholder="eg. Smith" aria-label="Last Name...">
</div>
</div>
</div>
<div>
<label>Email address</label>
<div class="input-group">
<input type="email" class="form-control" placeholder="[email protected]">
</div>
</div>
<div class="form-group mt-4">
<label>Your message</label>
<textarea name="message" class="form-control border-radius-lg" placeholder="Type here" id="message" rows="3"></textarea>
</div>
<div class="row">
<div class="col-md-8">
<div class="form-check form-switch mb-2">
<input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault" checked="">
<label class="form-check-label" for="flexSwitchCheckDefault">I agree to the <a href="javascript:;" class="text-dark text-decoration-underline-hover">Terms and Conditions</a>.</label>
</div>
</div>
<div class="col-md-12">
<button type="submit" class="btn bg-gradient-info mt-3">Submit</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>Contact us 3
<section class="py-7 bg-cover position-relative" style="background-image: url('../../assets/img/bg3.jpg')">
<div class="mask bg-gradient-dark"></div>
<div class="container position-relative z-index-2">
<div class="row">
<div class="col-lg-5 my-auto">
<h2 class="text-white">Get in Touch</h2>
<p class="text-white text-lg mb-lg-5">You need more information? Check what other persons are saying about our product. They are very happy with their purchase.</p>
<div class="p-3 d-flex">
<div class="icon icon-xl w-5">
<i class="ni ni-spaceship text-white"></i>
</div>
<div class="ms-5">
<h5 class="text-white">Find us at the office</h5>
<p class="text-white text-sm"> Bld Mihail Kogalniceanu, nr. 8,<br>
7652 Bucharest,<br>
Romania
</p>
</div>
</div>
<div class="p-3 d-flex">
<div class="icon icon-xl w-5">
<i class="ni ni-collection text-white"></i>
</div>
<div class="ms-5">
<h5 class="text-white">Give us a ring</h5>
<p class="text-white text-sm"> Michael Jordan<br>
+40 762 321 762<br>
Mon - Fri, 8:00-22:00
</p>
</div>
</div>
</div>
<div class="col-lg-5 m-auto">
<div class="card card-contact card-raised">
<form id="contact-form1" method="post">
<div class="card-header text-center pt-4">
<h5 class="card-title">Contact Us</h5>
</div>
<div class="card-body">
<div class="row">
<div class="col-md-6 pe-2">
<label>First name</label>
<div class="input-group input-group-sm mb-4">
<span class="input-group-text"><i class="fas fa-user text-secondary"></i></span>
<input class="form-control" placeholder="First Name" type="text" >
</div>
</div>
<div class="col-md-6 ps-2">
<div class="form-group">
<label>Last name</label>
<div class="input-group input-group-sm mb-4">
<span class="input-group-text"><i class="far fa-user text-secondary"></i></span>
<input class="form-control" placeholder="Last Name" type="text" >
</div>
</div>
</div>
</div>
<div class="form-group">
<label>Email address</label>
<div class="input-group input-group-sm mb-4">
<span class="input-group-text"><i class="ni ni-email-83 text-secondary"></i></span>
<input class="form-control" placeholder="Email" type="email" >
</div>
</div>
<div class="form-group">
<label>Your message</label>
<textarea name="message" class="form-control form-control-sm border-radius-lg" placeholder="Type here" id="message" rows="6"></textarea>
</div>
<div class="row">
<div class="col-md-6 text-end my-auto ms-auto">
<button type="submit" class="btn btn-primary btn-round bg-gradient-primary mb-0">Send Message</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>Contact us 4
<section class="py-7 bg-white position-relative">
<div class="page-header min-vh-50" style="background-image: url('../../assets/img/bg7.jpg');">
<span class="mask bg-gradient-dark opacity-4"></span>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6 text-center mx-auto">
<h1 class="text-white mt-4 mb-1">Got a question?</h1>
<p class="lead text-white mb-6">We'd like to talk more about what you need</p>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row mt-n7 bg-white border-radius-lg shadow z-index-3 position-relative">
<div class="col-lg-3 col-md-6 col-6 position-relative my-auto">
<div class="p-3 text-center">
<div class="icon icon-shape bg-gradient-primary shadow text-center rounded-circle">
<i class="ni ni-delivery-fast text-white opacity-10"></i>
</div>
<h5 class="mt-3 mb-1">Address</h5>
<p class="mb-0">12124 First Street, nr 54</p>
<hr class="vertical dark">
</div>
</div>
<div class="col-lg-3 col-md-6 col-6 position-relative my-auto">
<div class="p-3 text-center">
<div class="icon icon-shape bg-gradient-primary shadow text-center rounded-circle">
<i class="ni ni-email-83 text-white opacity-10"></i>
</div>
<h5 class="mt-3 mb-1">Email</h5>
<p class="mb-0">[email protected]</p>
</div>
<hr class="vertical dark">
</div>
<div class="col-lg-3 col-md-6 col-6 position-relative my-auto">
<div class="p-3 text-center">
<div class="icon icon-shape bg-gradient-primary shadow text-center rounded-circle">
<i class="ni ni-headphones text-white opacity-10"></i>
</div>
<h5 class="mt-3 mb-1">Phone</h5>
<p class="mb-0">+1(424) 535 3523</p>
</div>
<hr class="vertical dark">
</div>
<div class="col-lg-3 col-md-6 col-6 position-relative my-auto">
<div class="p-3 text-center">
<div class="icon icon-shape bg-gradient-primary shadow text-center rounded-circle">
<i class="ni ni-bell-55 text-white opacity-10"></i>
</div>
<h5 class="mt-3 mb-1">Contact</h5>
<p class="mb-0">Andrew Samian</p>
</div>
</div>
</div>
</div>
</section>Contact us 5
<section class="py-7">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-8 mx-auto text-center">
<div class="ms-3 mb-md-5">
<h3>Contact us</h3>
<p>
For further questions, including partnership opportunities, please email [email protected]
or contact using our contact form.
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="card card-plain">
<form id="contact-form" method="post" autocomplete="off">
<div class="card-body">
<div class="row">
<div class="col-md-6">
<label>Full Name</label>
<div class="input-group mb-4">
<input class="form-control" placeholder="Full Name" aria-label="Full Name" type="text">
</div>
</div>
<div class="col-md-6 ps-md-2">
<label>Email</label>
<div class="input-group">
<input type="email" class="form-control" placeholder="[email protected]">
</div>
</div>
</div>
<div class="form-group mb-4 mt-md-0 mt-4">
<label>What can we help you?</label>
<textarea name="message" class="form-control border-radius-lg" id="message" rows="6" placeholder="Describe your problem in at least 250 characters"></textarea>
</div>
<div class="row">
<div class="col-md-12 text-center">
<button type="submit" class="btn bg-gradient-primary mt-4">Send Message</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>Contact us 6
<section class="py-7 bg-gray-100 position-relative">
<div class="container">
<div class="row">
<div class="col-lg-6 mx-auto text-center">
<h2>Contact Us</h2>
<p class="lead">Amy questions or remarks? Just write us a messaage!</p>
</div>
</div>
<div class="row mt-5">
<div class="col-lg-10 mx-auto">
<div class="card">
<div class="row">
<div class="col-lg-5 d-flex">
<div class="bg-dark border-radius-lg border-radius-top-end-0 border-radius-bottom-end-0">
<div class="card-body p-5 position-relative">
<h3 class="text-white">Contact Information</h3>
<p class="text-white opacity-8 mb-4">Fill up the form and our Team will get back to you within 24 hours.</p>
<div class="d-flex p-2 text-white">
<div>
<i class="fas fa-phone text-sm"></i>
</div>
<div class="ps-3">
<span class="text-sm opacity-8">(+40) 772 100 200</span>
</div>
</div>
<div class="d-flex p-2 text-white">
<div>
<i class="fas fa-envelope text-sm"></i>
</div>
<div class="ps-3">
<span class="text-sm opacity-8">[email protected]</span>
</div>
</div>
<div class="d-flex p-2 text-white">
<div>
<i class="fas fa-map-marker-alt text-sm"></i>
</div>
<div class="ps-3">
<span class="text-sm opacity-8">730 Dyonisie Wolf <br> Bucharest, RO 010458</span>
</div>
</div>
<div class="mt-4">
<button type="button" class="btn btn-icon-only btn-link text-white btn-lg mb-0" data-toggle="tooltip" data-placement="bottom" data-original-title="Log in with Facebook">
<i class="fab fa-facebook"></i>
</button>
<button type="button" class="btn btn-icon-only btn-link text-white btn-lg mb-0" data-toggle="tooltip" data-placement="bottom" data-original-title="Log in with Twitter">
<i class="fab fa-twitter"></i>
</button>
<button type="button" class="btn btn-icon-only btn-link text-white btn-lg mb-0" data-toggle="tooltip" data-placement="bottom" data-original-title="Log in with Dribbble">
<i class="fab fa-dribbble"></i>
</button>
<button type="button" class="btn btn-icon-only btn-link text-white btn-lg mb-0" data-toggle="tooltip" data-placement="bottom" data-original-title="Log in with Instagram">
<i class="fab fa-instagram"></i>
</button>
</div>
</div>
</div>
</div>
<div class="col-lg-7">
<form id="contact-form" method="post" autocomplete="off">
<div class="card-body position-relative p-3 ps-0">
<div class="row mt-4">
<div class="col-md-6">
<label>First name</label>
<div class="input-group mb-4">
<input class="form-control" placeholder="eg. Lucas" aria-label="First Name..." type="text">
</div>
</div>
<div class="col-md-6 ps-2">
<label>Last name</label>
<div class="input-group mb-4">
<input type="text" class="form-control" placeholder="eg. Jones" aria-label="Last Name...">
</div>
</div>
</div>
<div>
<label>Email address</label>
<div class="input-group mb-4">
<input type="email" class="form-control" placeholder="eg. [email protected]">
</div>
</div>
<label>What are you interested on?</label>
<div class="d-flex">
<div>
<div class="form-check me-3">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1" checked>
<label class="form-check-label" for="flexRadioDefault1">
Design
</label>
</div>
</div>
<div>
<div class="form-check me-3">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault2">
<label class="form-check-label" for="flexRadioDefault2">
Development
</label>
</div>
</div>
<div>
<div class="form-check me-3">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault3">
<label class="form-check-label" for="flexRadioDefault3">
Support
</label>
</div>
</div>
<div>
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault4">
<label class="form-check-label" for="flexRadioDefault4">
Other
</label>
</div>
</div>
</div>
<div class="form-group mt-4">
<label>Your message</label>
<textarea name="message" class="form-control border-radius-lg" id="message" rows="3"></textarea>
</div>
<div class="text-end">
<button type="button" class="btn bg-gradient-dark mb-0">Send message</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</section>Contact us 7
<section class="py-7">
<div class="container">
<div class="row">
<div class="col">
<div class="card overflow-hidden">
<div class="row">
<div class="col-lg-7">
<form class="p-3" id="contact-form" method="post">
<div class="card-header px-4 py-sm-5 py-3">
<h2>Say Hi!</h2>
<p class="lead"> We'd like to talk with you.</p>
</div>
<div class="card-body pt-1">
<div class="row">
<div class="col-md-12 pe-2 mb-3">
<label>My name is</label>
<input class="form-control" placeholder="Full Name" type="text" >
</div>
<div class="col-md-12 pe-2 mb-3">
<label>I'm looking for</label>
<input class="form-control" placeholder="What you love" type="text" >
</div>
<div class="col-md-12 pe-2 mb-3">
<div class="form-group mb-0">
<label>Your message</label>
<textarea name="message" class="form-control border-radius-lg" id="message" rows="6" placeholder="I want to say that..."></textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 text-end ms-auto">
<button type="submit" class="btn btn-primary bg-gradient-primary mb-0">Send Message</button>
</div>
</div>
</div>
</form>
</div>
<div class="col-lg-5 position-relative bg-cover px-0" style="background-image: url('../../assets/img/bg6.jpg')">
<div class="z-index-2 text-center d-flex h-100 w-100 d-flex m-auto justify-content-center">
<div class="mask bg-gradient-primary opacity-9"></div>
<div class="p-5 ps-sm-8 position-relative text-start my-auto">
<h3 class="text-white">Contact Information</h3>
<p class="text-white opacity-8 mb-4">Fill up the form and our Team will get back to you within 24 hours.</p>
<div class="d-flex p-2 text-white">
<div>
<i class="fas fa-phone text-sm"></i>
</div>
<div class="ps-3">
<span class="text-sm opacity-8">(+40) 772 100 200</span>
</div>
</div>
<div class="d-flex p-2 text-white">
<div>
<i class="fas fa-envelope text-sm"></i>
</div>
<div class="ps-3">
<span class="text-sm opacity-8">[email protected]</span>
</div>
</div>
<div class="d-flex p-2 text-white">
<div>
<i class="fas fa-map-marker-alt text-sm"></i>
</div>
<div class="ps-3">
<span class="text-sm opacity-8">Dyonisie Wolf Bucharest, RO 010458</span>
</div>
</div>
<div class="mt-4">
<button type="button" class="btn btn-icon-only btn-link text-white btn-lg mb-0" data-toggle="tooltip" data-placement="bottom" data-original-title="Log in with Facebook">
<i class="fab fa-facebook"></i>
</button>
<button type="button" class="btn btn-icon-only btn-link text-white btn-lg mb-0" data-toggle="tooltip" data-placement="bottom" data-original-title="Log in with Twitter">
<i class="fab fa-twitter"></i>
</button>
<button type="button" class="btn btn-icon-only btn-link text-white btn-lg mb-0" data-toggle="tooltip" data-placement="bottom" data-original-title="Log in with Dribbble">
<i class="fab fa-dribbble"></i>
</button>
<button type="button" class="btn btn-icon-only btn-link text-white btn-lg mb-0" data-toggle="tooltip" data-placement="bottom" data-original-title="Log in with Instagram">
<i class="fab fa-instagram"></i>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>Contact us 8
<section class="py-7 bg-white position-relative">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-5 mb-5">
<div class="icon icon-shape bg-gradient-primary shadow text-center mb-4">
<i class="ni ni-single-02 text-white opacity-10"></i>
</div>
<h2>Premium Support</h2>
<p class="pe-5">You need more information? Check what other persons are saying about our product. They are very happy with their purchase.</p>
<div class="d-flex p-2">
<div>
<i class="ni ni-map-big text-sm"></i>
</div>
<div class="ps-3">
<span>730 Dyonisie Wolf <br> Bucharest, RO 010458</span>
</div>
</div>
<div class="d-flex p-2">
<div>
<i class="ni ni-email-83 text-sm"></i>
</div>
<div class="ps-3">
<span>[email protected]</span>
</div>
</div>
</div>
<div class="col-lg-6 col-md-5">
<div class="icon icon-shape bg-gradient-primary shadow text-center mb-4">
<i class="ni ni-chart-pie-35 text-white opacity-10"></i>
</div>
<h2>Free Updates</h2>
<p class="pe-5">You need more information? Check what other persons are saying about our product. They are very happy with their purchase.</p>
<div class="d-flex p-2">
<div>
<i class="ni ni-headphones text-sm"></i>
</div>
<div class="ps-3">
<span>(+40) 772 100 200 <br> (+40) 763 310 190</span>
</div>
</div>
<div class="d-flex p-2">
<div>
<i class="ni ni-email-83 text-sm"></i>
</div>
<div class="ps-3">
<span>[email protected]</span>
</div>
</div>
</div>
</div>
</div>
</section>