Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
cued
/
backup
:
contact.html
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
<!-- 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>