File "contact.html"
Full Path: /home/jaipuriiht/public_html/backup/contact.html
File size: 14.26 KB
MIME-type: text/html
Charset: utf-8
<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Edulearn Education Category Bootstrap Responsive Website Template | Contact Us :: W3layouts</title>
<!-- Meta tag Keywords -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8" />
<meta name="keywords" content="Edulearn Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design"
/>
<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!--// Meta tag Keywords -->
<!-- Custom-Files -->
<!-- Bootstrap-Core-Css -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Style-Css -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!-- Font-Awesome-Icons-Css -->
<link rel="stylesheet" href="css/fontawesome-all.css">
<!-- //Custom-Files -->
<!-- Web-Fonts -->
<link href="//fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese"
rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
<!-- //Web-Fonts -->
</head>
<body>
<!-- header -->
<header>
<!-- top header -->
<div class="top-head-w3ls py-2 bg-dark">
<div class="container">
<div class="row">
<h1 class="text-capitalize text-white col-7">
<i class="fas fa-book text-dark bg-white p-2 rounded-circle mr-3"></i>welcome to edulearn</h1>
<!-- social icons -->
<div class="social-icons text-right col-5">
<ul class="list-unstyled">
<li>
<a href="#" class="fab fa-facebook-f icon-border facebook rounded-circle"> </a>
</li>
<li class="mx-2">
<a href="#" class="fab fa-twitter icon-border twitter rounded-circle"> </a>
</li>
<li>
<a href="#" class="fab fa-google-plus-g icon-border googleplus rounded-circle"> </a>
</li>
<li class="ml-2">
<a href="#" class="fas fa-rss icon-border rss rounded-circle"> </a>
</li>
</ul>
</div>
<!-- //social icons -->
</div>
</div>
</div>
<!-- //top header -->
<!-- middle header -->
<div class="middle-w3ls-nav py-2">
<div class="container">
<div class="row">
<a class="logo font-italic font-weight-bold col-lg-4 text-lg-left text-center" href="index.html">Edulearn</a>
<div class="col-lg-8 right-info-agiles mt-lg-0 mt-sm-3 mt-1">
<div class="row">
<div class="col-sm-4 nav-middle">
<i class="far fa-envelope-open text-center mr-md-4 mr-sm-2 mr-4"></i>
<div class="agile-addresmk">
<p>
<span class="font-weight-bold text-dark">Mail Us</span>
<a href="mailto:mail@example.com">info@example.com</a>
</p>
</div>
</div>
<div class="col-sm-4 col-6 nav-middle mt-sm-0 mt-2">
<i class="fas fa-phone-volume text-center mr-md-4 mr-sm-2 mr-4"></i>
<div class="agile-addresmk">
<p>
<span class="font-weight-bold text-dark">Call Us</span>
+1234-567-890
</p>
</div>
</div>
<div class="col-sm-4 col-6 top-login-butt text-right mt-sm-2">
<a href="login.html" class="button-head-mow3 text-white">Login</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- //middle header -->
</header>
<!-- //header -->
<!-- banner -->
<div class="banner-agile-2">
<!-- navigation -->
<div class="navigation-w3ls">
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-nav">
<button class="navbar-toggler mx-auto" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse text-center" id="navbarSupportedContent">
<ul class="navbar-nav justify-content-center">
<li class="nav-item">
<a class="nav-link text-white" href="index.html">Home
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="about.html">About Us</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle text-white" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Courses
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="language.html">Language</a>
<a class="dropdown-item" href="communication.html">Communication</a>
<a class="dropdown-item" href="business.html">Business</a>
<a class="dropdown-item" href="software.html">Software</a>
<a class="dropdown-item" href="social_media.html">Social Media</a>
<a class="dropdown-item" href="photography.html">Photography</a>
<a class="dropdown-item" href="course_details.html">Course Details</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="form.html">Apply Now</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle text-white" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Pages
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="about.html">Instructors</a>
<a class="dropdown-item" href="index.html">What We Do</a>
<a class="dropdown-item" href="login.html">Login</a>
<a class="dropdown-item" href="register.html">Register</a>
<a class="dropdown-item" href="404.html">404 Page</a>
<a class="dropdown-item" href="coming_soon.html">Coming Soon</a>
<a class="dropdown-item" href="form.html">Admission Form</a>
<a class="dropdown-item" href="faq.html">Faq</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="blog.html">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="gallery.html">Gallery</a>
</li>
<li class="nav-item active">
<a class="nav-link text-white" href="contact.html">Contact Us</a>
</li>
</ul>
</div>
</nav>
</div>
<!-- //navigation -->
</div>
<!-- breadcrumb -->
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="index.html">Home</a>
</li>
<li class="breadcrumb-item active" aria-current="page">Contact Us</li>
</ol>
</nav>
<!-- breadcrumb -->
<!-- //banner -->
<!-- contact -->
<div class="contact py-5">
<div class="container py-xl-5 py-lg-3">
<h3 class="title text-capitalize font-weight-light text-dark text-center mb-5">contact
<span class="font-weight-bold">us</span>
</h3>
<div class="row contact-grids agile-1 py-sm-5 pb-sm-0 pb-5">
<div class="col-sm-4 contact-grid agileinfo-6 mt-sm-0 mt-2">
<div class="contact-grid1 text-center">
<div class="con-ic">
<i class="fas fa-map-marker-alt rounded-circle"></i>
</div>
<h4 class="font-weight-bold mt-sm-4 mt-3 mb-3">Address</h4>
<p>1PO Box 8568954 California,
<label>USA.</label>
</p>
</div>
</div>
<div class="col-sm-4 contact-grid agileinfo-6 my-sm-0 my-4">
<div class="contact-grid1 text-center">
<div class="con-ic">
<i class="fas fa-phone rounded-circle"></i>
</div>
<h4 class="font-weight-bold mt-sm-4 mt-3 mb-3">Call Us</h4>
<p>+(0121) 121 121
<label>+(0121) 121 122</label>
</p>
</div>
</div>
<div class="col-sm-4 contact-grid agileinfo-6">
<div class="contact-grid1 text-center">
<div class="con-ic">
<i class="fas fa-envelope-open rounded-circle"></i>
</div>
<h4 class="font-weight-bold mt-sm-4 mt-3 mb-3">Email</h4>
<p>
<a href="mailto:info@example.com">info@example1.com</a>
<label>
<a href="mailto:info@example.com">info@example2.com</a>
</label>
</p>
</div>
</div>
</div>
<!-- form -->
<form action="#" method="post">
<div class="contact-grids1 w3agile-6">
<div class="row">
<div class="col-md-6 col-sm-6 contact-form1 form-group">
<label class="col-form-label">First Name</label>
<input type="text" class="form-control" name="First Name" placeholder="" required="">
</div>
<div class="col-md-6 col-sm-6 contact-form1 form-group">
<label class="col-form-label">Last Name</label>
<input type="text" class="form-control" name="Last Name" placeholder="" required="">
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6 contact-form1 form-group">
<label class="col-form-label">Subject</label>
<input type="text" class="form-control" name="Subject" placeholder="" required="">
</div>
<div class="col-md-6 col-sm-6 contact-form1 form-group">
<label class="col-form-label">E-mail</label>
<input type="email" class="form-control" name="Email" placeholder="" required="">
</div>
</div>
<div class="contact-me animated wow slideInUp form-group">
<label class="col-form-label">Message</label>
<textarea name="Message" class="form-control" placeholder="" required=""> </textarea>
</div>
<div class="contact-form">
<input type="submit" value="Submit">
</div>
</div>
</form>
<!-- //form -->
</div>
</div>
<!-- //contact -->
<!-- brands -->
<div class="brands-w3ls py-md-5 py-4">
<div class="container py-xl-3">
<ul class="list-unstyled">
<li>
<i class="fab fa-supple"></i>
</li>
<li>
<i class="fab fa-angrycreative"></i>
</li>
<li>
<i class="fab fa-aviato"></i>
</li>
<li>
<i class="fab fa-aws"></i>
</li>
<li>
<i class="fab fa-cpanel"></i>
</li>
<li>
<i class="fab fa-hooli"></i>
</li>
<li>
<i class="fab fa-node"></i>
</li>
</ul>
</div>
</div>
<!-- //brands -->
<!-- footer -->
<footer>
<div class="container py-4">
<div class="row py-xl-5 py-sm-3">
<div class="col-lg-6 map">
<h2 class="contact-title text-capitalize text-white font-weight-light mb-sm-4 mb-3">our
<span class="font-weight-bold">directions</span>
</h2>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3023.495758873587!2d-74.0005340845242!3d40.72911557933012!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25991b7473067%3A0x59fbd02f7b519ce8!2s550+LaGuardia+Pl%2C+New+York%2C+NY+10012%2C+USA!5e0!3m2!1sen!2sin!4v1516166447283"></iframe>
<div class="conta-posi-w3ls p-4 rounded">
<h5 class="text-white font-weight-bold mb-3">Address</h5>
<p>25095 Blue Ravine Rd,
<span>Diamonds street,</span> California, USA</p>
</div>
</div>
<div class="col-lg-6 contact-agileits-w3layouts mt-lg-0 mt-4">
<h4 class="contact-title text-capitalize text-white font-weight-light mb-sm-4 mb-3">get in
<span class="font-weight-bold">touch</span>
</h4>
<p class="conta-para-style border-left pl-4">If you have any questions about the services we provide simply use the form below. We try and respond to all queries
and comments within 24 hours.</p>
<div class="subscribe-w3ls my-xl-5 my-4">
<h6 class="text-white text-capitalize mb-4">subscribe our newsletter</h6>
<form action="#" method="post" class="subscribe_form">
<input class="form-control" type="email" name="email" placeholder="Enter your email..." required="">
<button type="submit" class="btn btn-primary submit">Submit</button>
</form>
</div>
<p class="para-agileits-w3layouts text-white">
<i class="fas fa-map-marker pr-3"></i>25095 Blue Ravine Rd,USA</p>
<p class="para-agileits-w3layouts text-white my-sm-3 my-2">
<i class="fas fa-phone pr-3"></i>032 625 4592</p>
<p class="para-agileits-w3layouts">
<i class="far fa-envelope-open pr-2"></i>
<a href="mailto:mail@example.com" class=" text-white">info@example.com</a>
</p>
</div>
</div>
</div>
<div class="copyright-agiles py-3">
<div class="container">
<div class="row">
<p class="col-lg-8 copy-right-grids text-white text-lg-left text-center mt-lg-1">© 2018 Edulearn. All Rights Reserved | Design by
<a href="https://w3layouts.com/" target="_blank">W3layouts</a>
</p>
<!-- social icons -->
<div class="social-icons text-lg-right text-center col-lg-4 mt-lg-0 mt-3">
<ul class="list-unstyled">
<li>
<a href="#" class="fab fa-facebook-f icon-border facebook rounded-circle"> </a>
</li>
<li class="mx-2">
<a href="#" class="fab fa-twitter icon-border twitter rounded-circle"> </a>
</li>
<li>
<a href="#" class="fab fa-google-plus-g icon-border googleplus rounded-circle"> </a>
</li>
<li class="ml-2">
<a href="#" class="fas fa-rss icon-border rss rounded-circle"> </a>
</li>
</ul>
</div>
<!-- //social icons -->
</div>
</div>
</div>
</footer>
<!-- //footer -->
<!-- Js files -->
<!-- JavaScript -->
<script src="js/jquery-2.2.3.min.js"></script>
<!-- Default-JavaScript-File -->
<script src="js/bootstrap.js"></script>
<!-- Necessary-JavaScript-File-For-Bootstrap -->
<!-- smooth scrolling -->
<script src="js/SmoothScroll.min.js"></script>
<!-- //smooth scrolling -->
<!-- move-top -->
<script src="js/move-top.js"></script>
<!-- easing -->
<script src="js/easing.js"></script>
<!-- necessary snippets for few javascript files -->
<script src="js/edulearn.js"></script>
<!-- //Js files -->
</body>
</html>