|
| 1 | +<!DOCTYPE html> |
| 2 | +<html lang="en"> |
| 3 | + <head> |
| 4 | + <meta charset="utf-8"> |
| 5 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
| 6 | + <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 7 | + <meta name="description" content=""> |
| 8 | + <meta name="author" content=""> |
| 9 | + <title>::.. AZCreativeWorld | Contact ..::</title> |
| 10 | + |
| 11 | + <!-- Bootstrap core CSS --> |
| 12 | + <link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet"> |
| 13 | + |
| 14 | + <!-- Just for debugging purposes. Don't actually copy this line! --> |
| 15 | + <!--[if lt IE 9]><script src="themes/assets/js/ie8-responsive-file-warning.js"></script><![endif]--> |
| 16 | + |
| 17 | + <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> |
| 18 | + <!--[if lt IE 9]> |
| 19 | + <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> |
| 20 | + <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> |
| 21 | + <![endif]--> |
| 22 | + |
| 23 | + <!-- CSS Implementing Plugins --> |
| 24 | + <link rel="stylesheet" href="assets/custom/css/flexslider.css" type="text/css" media="screen"> |
| 25 | + <link rel="stylesheet" href="assets/custom/css/parallax-slider.css" type="text/css"> |
| 26 | + <link rel="stylesheet" href="assets/font-awesome-4.1.0/css/font-awesome.min.css" type="text/css"> |
| 27 | + <link rel="stylesheet" href="sass/css/oceanBraineffect.css" media="all" type="text/css"> |
| 28 | + <link rel="stylesheet" href="sass/css/shadows.css" media="all" type="text/css"> |
| 29 | + |
| 30 | + <!-- Custom styles for this template --> |
| 31 | + |
| 32 | + <link href="assets/custom/css/AZCreativeWorld.css" rel="stylesheet"> |
| 33 | + <link rel="shortcut icon" href="assets/custom/img/icons/icon.ico"> |
| 34 | + </head> |
| 35 | +<!-- NAVBAR |
| 36 | +================================================== --> |
| 37 | + <body> |
| 38 | + |
| 39 | + <!-- topHeaderSection --> |
| 40 | + <div class="topHeaderSection"> |
| 41 | + <div class="header"> |
| 42 | + <div class="container"> |
| 43 | + <div class="col-sm-12" id="_top_links"> |
| 44 | + <div class="pull-right"> |
| 45 | + <strong><span class="fa fa-phone-square"></span> xx-xxx-xxxxxx</strong> |
| 46 | + <strong><span class="fa fa-skype"></span> HereID</strong> |
| 47 | + </div> |
| 48 | + <div class="clearfix"></div> |
| 49 | + </div> |
| 50 | + <a class="navbar-brand" href="index.html"><img src="assets/custom/img/logo.png" class="img-responsive" alt="AZCreativeWorld PVT Limited (LOGO)" /></a> |
| 51 | + <div class="navbar-header"> |
| 52 | + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> |
| 53 | + <span class="sr-only">Toggle navigation</span> |
| 54 | + <span class="icon-bar"></span> |
| 55 | + <span class="icon-bar"></span> |
| 56 | + <span class="icon-bar"></span> |
| 57 | + </button> |
| 58 | + </div> |
| 59 | + <div class="navbar-collapse collapse"> |
| 60 | + <ul class="nav navbar-nav navbar-right"> |
| 61 | + <li><a href="index.html"><span class="fa fa-home"></span> Home</a></li> |
| 62 | + <li><a href="about.html"><span class="fa fa-user"></span> About us</a></li> |
| 63 | + <li class="dropdown"> |
| 64 | + <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="fa fa-book"></span> Services <b class="caret"></b></a> |
| 65 | + <ul class="dropdown-menu"> |
| 66 | + <li><a title="Web Development" href="webdevelopment.html">Web Development</a></li> |
| 67 | + <li><a title="Mobile Development" href="mobiledevelopment.html">Mobile Development</a></li> |
| 68 | + <li><a title="Website Designing" href="webdesign.html">Website Designing</a></li> |
| 69 | + <li><a title="Logo Designing" href="logodesign.html">Logo Designing</a></li> |
| 70 | + <li><a title="Broucher Designing" href="brochuresdesign.html">Broucher Designing</a></li> |
| 71 | + <li><a title="SEO Services" href="seo.html">SEO Services</a></li> |
| 72 | + </ul> |
| 73 | + </li> |
| 74 | + |
| 75 | + <li><a href="portfolio.html"><span class="fa fa-folder"></span> Portfolio</a></li> |
| 76 | + <li><a href="blog.html"><span class="fa fa-rss-square"></span> Blog</a></li> |
| 77 | + <li class="active"><a href="contact.html"><span class="fa fa-envelope"></span> Contact</a></li> |
| 78 | + </ul> |
| 79 | + </div><!--/.nav-collapse --> |
| 80 | + </div> |
| 81 | + </div> |
| 82 | + </div> |
| 83 | + |
| 84 | + <br><br> |
| 85 | + |
| 86 | + <div class="container"> |
| 87 | + <div class="col-lg-12"> |
| 88 | + <div class="col-lg-6"> |
| 89 | + |
| 90 | + <iframe id="mapframe" width="100%" height="320" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?q=Eden%20Heights%2C%20Lahore%2C%20Punjab%2C%20Pakistan&key=AIzaSyAFu3CnUyHX24--UNkeKWD1WUG2wP109sE"></iframe> |
| 91 | + |
| 92 | + </div> |
| 93 | + <div class="col-lg-6"> |
| 94 | + <h3>Contact Us</h3> |
| 95 | + <fieldset id="contact_form"> |
| 96 | + <div id="result"></div> |
| 97 | + <input type="text" class="form-control form_margin" name="name" id="name" placeholder="* Enter Your Name" /> |
| 98 | + |
| 99 | + <input type="email" class="form-control form_margin" name="email" id="email" placeholder="* Enter Your Email" /> |
| 100 | + |
| 101 | + <input type="text" class="form-control form_margin" name="phone" id="phone" placeholder="* Phone Number" /> |
| 102 | + |
| 103 | + <textarea name="message" class="form-control form_margin" rows="5" id="message" placeholder="* Write your message here"></textarea> |
| 104 | + <br> |
| 105 | + <button class="btn btn-brand" id="submit_btn">Get Quotation</button> |
| 106 | + |
| 107 | + </fieldset> |
| 108 | + </div> |
| 109 | + </div> |
| 110 | + </div> |
| 111 | + <!-- /.container --> |
| 112 | + |
| 113 | + <br><br> |
| 114 | + |
| 115 | + <!-- footerTopSection --> |
| 116 | + <div class="footerTopSection"> |
| 117 | + <div class="footer"> |
| 118 | + <div class="row"> |
| 119 | + <div class="col-md-3"> |
| 120 | + <h3>Quick Links</h3> |
| 121 | + <div class="list-group"> |
| 122 | + <a href="#" class="list-group-item disabled"><span class="fa fa-home"></span> Home</a> |
| 123 | + <a href="#" class="list-group-item"><span class="fa fa-user"></span> About Us</a> |
| 124 | + <a href="#" class="list-group-item"><span class="fa fa-book"></span> Services</a> |
| 125 | + <a href="#" class="list-group-item"><span class="fa fa-folder"></span> Portfolio</a> |
| 126 | + <a href="#" class="list-group-item"><span class="fa fa-shield"></span> Privacy</a> |
| 127 | + <a href="#" class="list-group-item"><span class="fa fa-unlock-alt"></span> Tearms</a> |
| 128 | + </div> |
| 129 | + </div> |
| 130 | + <div class="col-md-3"> |
| 131 | + <h3>Contact Information</h3> |
| 132 | + <p> |
| 133 | + Name<br> |
| 134 | + Address<br> |
| 135 | + <strong>Phone Number</strong><br> |
| 136 | + xxxx-xxxxxx<br> |
| 137 | + <strong>Direct</strong> |
| 138 | + xxxx-xxxxxx<br> |
| 139 | + <strong>FAX</strong> |
| 140 | + xxxx-xxxxxx<br> |
| 141 | + <strong>Email</strong> : info@example.com |
| 142 | + </p> |
| 143 | + <p><a class="btn-danger btn btn-block btn-lg" href="https://github.com/AzCreativeWorld/HTML-Template-for-beginner/archive/master.zip" data-icon="octicon-cloud-download" data-size="large" aria-label="Download AzCreativeWorld/HTML-Template-for-beginner on GitHub"><i class="fa fa-download"></i> Free Download</a></p> |
| 144 | + </div> |
| 145 | + <div class="col-md-3"> |
| 146 | + <h3>Fallow us on</h3> |
| 147 | + <div class="list-group"> |
| 148 | + <a href="#" class="list-group-item disabled"><span class="fa fa-2x fa-linkedin-square pull-left"></span> LinkedIn</a> |
| 149 | + <a href="#" class="list-group-item"><span class="fa fa-2x fa-facebook-square pull-left"></span> FaceBook</a> |
| 150 | + <a href="#" class="list-group-item"><span class="fa fa-2x fa-twitter-square pull-left"></span> Twitter</a> |
| 151 | + <a href="#" class="list-group-item"><span class="fa fa-2x fa-google-plus-square pull-left"></span> Google+</a> |
| 152 | + </div> |
| 153 | + </div> |
| 154 | + <div class="col-md-3"> |
| 155 | + <h3>We Provide</h3> |
| 156 | + <div class="panel-group" id="accordion"> |
| 157 | + <div class="panel panel-default"> |
| 158 | + <div class="panel-heading"> |
| 159 | + <h4 class="panel-title"> |
| 160 | + <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"> |
| 161 | + Heading Here |
| 162 | + </a> |
| 163 | + </h4> |
| 164 | + </div> |
| 165 | + <div id="collapseOne" class="panel-collapse collapse in"> |
| 166 | + <div class="panel-body"> |
| 167 | + The key to be a successful software developer is to think outside the box– well, think outside the box you'r in. |
| 168 | + </div> |
| 169 | + </div> |
| 170 | + </div> |
| 171 | + <div class="panel panel-default"> |
| 172 | + <div class="panel-heading"> |
| 173 | + <h4 class="panel-title"> |
| 174 | + <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"> |
| 175 | + Heading Here |
| 176 | + </a> |
| 177 | + </h4> |
| 178 | + </div> |
| 179 | + <div id="collapseTwo" class="panel-collapse collapse"> |
| 180 | + <div class="panel-body"> |
| 181 | + The key to be a successful software developer is to think outside the box– well, think outside the box you'r in. |
| 182 | + </div> |
| 183 | + </div> |
| 184 | + </div> |
| 185 | + <div class="panel panel-default"> |
| 186 | + <div class="panel-heading"> |
| 187 | + <h4 class="panel-title"> |
| 188 | + <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree"> |
| 189 | + Heading Here |
| 190 | + </a> |
| 191 | + </h4> |
| 192 | + </div> |
| 193 | + <div id="collapseThree" class="panel-collapse collapse"> |
| 194 | + <div class="panel-body"> |
| 195 | + The key to be a successful software developer is to think outside the box– well, think outside the box you'r in. |
| 196 | + </div> |
| 197 | + </div> |
| 198 | + </div> |
| 199 | + </div> |
| 200 | + |
| 201 | + </div> <!--col-md-3 end--> |
| 202 | + |
| 203 | + </div> |
| 204 | + <br> |
| 205 | + <!-- footerBottomSection --> |
| 206 | + © 2014, Allright reserved. |
| 207 | + <div class="pull-right">Powered By<a href="https://github.com/AzCreativeWorld" target="_blank" title="AZCreativeWorld" class="btn-link"> AZCreativeWorld.</a></div> |
| 208 | + |
| 209 | + </div> |
| 210 | + </div> |
| 211 | +<!-- JS Global Compulsory --> |
| 212 | +<script type="text/javascript" src="assets/custom/js/jquery-1.8.2.min.js"></script> |
| 213 | +<script type="text/javascript" src="assets/custom/js/modernizr.custom.js"></script> |
| 214 | +<script type="text/javascript" src="assets/bootstrap/js/bootstrap.min.js"></script> |
| 215 | + |
| 216 | + |
| 217 | +<script src="assets/custom/js/contactus.js"></script> |
| 218 | +<script async defer src="https://buttons.github.io/buttons.js"></script> |
| 219 | +</body> |
| 220 | +</html> |
0 commit comments