225 lines
12 KiB
HTML
225 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css"
|
|
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.rtl.min.css"
|
|
integrity="sha384-gXt9imSW0VcJVHezoNQsP+TNrjYXoGcrqBZJpry9zJt8PCQjobwmhMGaDHTASo9N" crossorigin="anonymous">
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
|
|
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
|
|
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
|
|
crossorigin="anonymous"></script>
|
|
<link rel="stylesheet" href="style/style.css">
|
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
<script src="https://kit.fontawesome.com/4bb6479073.js" crossorigin="anonymous"></script>
|
|
<title>Globaly - Full Cycle Business Management & Consulting Responsive WordPress Theme</title>
|
|
</head>
|
|
|
|
<body>
|
|
<!-- nav bar -->
|
|
|
|
<nav class="navbar clearfix d-flex justify-content-center d-md-flex justify-content-md-end">
|
|
<ul class="socials-ul clearfix d-none d-md-flex align-items-md-center pb-0 mt-0 mb-0">
|
|
<li id="socials">
|
|
<a href="https://www.facebook.com">
|
|
<i class="fa-brands fa-facebook-f"></i>
|
|
</a>
|
|
</li>
|
|
<li id="socials">
|
|
<a href="https://x.com">
|
|
<i class="fa-brands fa-twitter"></i>
|
|
</a>
|
|
</li>
|
|
<li id="socials">
|
|
<a href="https://www.google.com">
|
|
<i class="fa-brands fa-google-plus-g"></i>
|
|
</a>
|
|
</li>
|
|
<li id="socials">
|
|
<a href="https://www.pinterest.com">
|
|
<i class="fa-brands fa-pinterest"></i>
|
|
</a>
|
|
</li>
|
|
<li id="socials">
|
|
<a href="https://rs.linkedin.com">
|
|
<i class="fa-brands fa-linkedin-in"></i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<div class="form-container ">
|
|
<form class="d-flex align-items-center d-sm-flex justify-content-sm-between" role="search">
|
|
<input id="src-input" class="form-control rounded-0 border-0" type="search" placeholder="Search ...">
|
|
<button class="btn" type="submit" style="padding-bottom: 0px;padding-top: 0px;">
|
|
<span class="material-icons">
|
|
search
|
|
</span>
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- header -->
|
|
<header
|
|
class="d-flex flex-column d-md-flex flex-md-row-reverse justify-content-md-between align-items-center justify-content-sm-center mx-lg-0 my-lg-0 mt-4 mx-0 mt-md-4 mb-md-3 mx-md-3">
|
|
<div class="contact d-flex flex-column">
|
|
<div class="number d-inline">
|
|
<span id="phone-img" class="material-icons">
|
|
phone
|
|
</span>
|
|
<a class="phone" href="#">800-2345-6789</a>
|
|
</div>
|
|
<a id="mail" href="#" class="mt-1">globaly@demolink.org</a>
|
|
</div>
|
|
<div class="horizontal-menu d-none d-md-none d-lg-flex ">
|
|
<ul class="nav-ul-hor d-md-flex d-md-row s mb-0">
|
|
<a href="index.html" style="text-decoration: none;"><li class="navs"> Home</li></a>
|
|
<li class="navs">Pages</li>
|
|
<a href="about.html" style="text-decoration: none;"><li class="navs">About us</li></a>
|
|
<a href="services.html" style="text-decoration: none;"><li class="navs">Services</li></a>
|
|
<a href="cases.html" style="text-decoration: none;"><li class="navs">Cases</li></a>
|
|
<a href="news.html" style="text-decoration: none;"><li class="navs">News</li></a>
|
|
<li id="li-home" class="navs">Contacts</li>
|
|
</ul>
|
|
</div>
|
|
<img src="assets/images/logo.webp" class="logo-img mt-3 mt-lg-0 mt-md-0" alt="">
|
|
|
|
<!-- site navigation-->
|
|
|
|
<nav class="menu d-flex d-md-none justify-content-center align-items-center w-100 "
|
|
style="background-color: white; height: 68px; box-shadow: 2px 8px 24px rgba(0,0,0,.1);">
|
|
<div class="container-fluid ">
|
|
<button class="navbar-toggler d-flex justify-content-center align-items-center" type="button"
|
|
data-bs-toggle="collapse" data-bs-target="#navbarToggleExternalContent"
|
|
aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="material-icons">menu
|
|
</span><span>Menu</span>
|
|
</button>
|
|
</div>
|
|
</nav>
|
|
<div class="collapse" id="navbarToggleExternalContent">
|
|
<div id="myDropdown" class="dropdown-content">
|
|
<ul class="nav-ul mb-0">
|
|
<a href="index.html" style="text-decoration: none;"><li class="navs"> Home</li></a>
|
|
<li class="navs">Pages</li>
|
|
<a href="about.html" style="text-decoration: none;"><li class="navs">About us</li></a>
|
|
<a href="services.html" style="text-decoration: none;"><li class="navs">Services</li></a>
|
|
<a href="cases.html" style="text-decoration: none;"><li class="navs">Cases</li></a>
|
|
<a href="news.html" style="text-decoration: none;"><li class="navs">News</li></a>
|
|
<li id="li-home" class="navs">Contacts</li>
|
|
</ul>
|
|
<div class="links d-inline-block w-100">
|
|
<ul class="socials-ul d-flex align-items-center justify-content-left mb-0">
|
|
<li id="socials">
|
|
<a href="https://www.facebook.com">
|
|
<i class="fa-brands fa-facebook-f"></i>
|
|
</a>
|
|
</li>
|
|
<li id="socials">
|
|
<a href="https://x.com">
|
|
<i class="fa-brands fa-twitter"></i>
|
|
</a>
|
|
</li>
|
|
<li id="socials">
|
|
<a href="https://www.google.com">
|
|
<i class="fa-brands fa-google-plus-g"></i>
|
|
</a>
|
|
</li>
|
|
<li id="socials">
|
|
<a href="https://www.pinterest.com">
|
|
<i class="fa-brands fa-pinterest"></i>
|
|
</a>
|
|
</li>
|
|
<li id="socials">
|
|
<a href="https://rs.linkedin.com">
|
|
<i class="fa-brands fa-linkedin-in"></i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="horizontal-menu d-none d-lg-none d-md-flex d-md-row justify-content-md-start align-items-md-center">
|
|
<ul class="nav-ul-hor d-md-flex d-md-row s mb-0" style="box-shadow: 2px 8px 24px rgba(0,0,0,.1);">
|
|
<a href="index.html" style="text-decoration: none;"><li class="navs"> Home</li></a>
|
|
<li class="navs">Pages</li>
|
|
<a href="about.html" style="text-decoration: none;"><li class="navs">About us</li></a>
|
|
<a href="services.html" style="text-decoration: none;"><li class="navs">Services</li></a>
|
|
<a href="cases.html" style="text-decoration: none;"><li class="navs">Cases</li></a>
|
|
<a href="news.html" style="text-decoration: none;"><li class="navs">News</li></a>
|
|
<li id="li-home" class="navs">Contacts</li>
|
|
</ul>
|
|
</div>
|
|
<div class="breadcrumb">
|
|
<div class="breadcrumb-item"><a href="index.html">Home</a></div>
|
|
<div class="breadcrumb-item-sep">/</div>
|
|
<div class="breadcrumb-item-about" aria-current="page">Contacts</div>
|
|
</div>
|
|
|
|
|
|
<!-- Address -->
|
|
<section>
|
|
<div class="headline d-flex align-items-center justify-content-center flex-column mt-5 pt-lg-5">
|
|
<h3 class="headline-h3 mx-3" style="text-align: center;">Primary</h3>
|
|
<h2 class="headline-h2">Contacts</h2>
|
|
</div>
|
|
<div class="address-contacts">
|
|
<p class="address">87 Tennesee hwy.,Alexandria, VA USA, 22303</p>
|
|
<div class="num-container-contacts">
|
|
<span id="phone-img" class="material-icons">
|
|
phone
|
|
</span>
|
|
<strong class="number-contacts">800 -2345-6789</strong>
|
|
</div>
|
|
</div>
|
|
<!-- form-au -->
|
|
|
|
<div
|
|
class="form-about d-flex flex-column align-items-center justify-content-center my-5 my-md-5 mt-lg-4 mb-5 mb-lg-0">
|
|
<div class="headline d-flex align-items-center justify-content-center flex-column">
|
|
<h3 class="headline-h3 mx-3" style="text-align: center;">We review and accept business requests</h3>
|
|
<h2 class="headline-h2 mb-3">Contact us now:</h2>
|
|
</div>
|
|
<div class="form-container-bot d-flex flex-column align-items-start justify-content-center">
|
|
<input class="input-text" type="text" placeholder="your name">
|
|
<input class="input-text" type="text" placeholder="your e-mail">
|
|
<textarea rows="5" class="input-text">your message</textarea>
|
|
</div>
|
|
<input class="view-more mt-4" type="submit" value="send">
|
|
</div>
|
|
|
|
<div class="google-map" >
|
|
<iframe
|
|
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d691259.3591892968!2d-77.60275823607651!3d38.56325402877762!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89b64de885e53a9d%3A0x67e76f2416faa504!2z0KHQv9GA0LjQvdCz0YTQuNC70LQsINCS0LjRgNGf0LjQvdC40ZjQsCwg0KHRmNC10LTQuNGa0LXQvdC1INCU0YDQttCw0LLQtQ!5e0!3m2!1ssr!2srs!4v1718006987157!5m2!1ssr!2srs"
|
|
width="100%" style="border:0;" allowfullscreen="" loading="lazy"
|
|
referrerpolicy="no-referrer-when-downgrade"></iframe>
|
|
</div>
|
|
</section>
|
|
<!-- footer -->
|
|
<footer class="d-flex flex-column justify-content-center align-items-center pb-4 py-lg-5 py-md-5">
|
|
<img src="assets/images/footer-logo.webp" class="mt-3 mt-md-0" alt="">
|
|
<div class="footer-copyright">
|
|
(c)2024 Globaly. All rights reserved. |
|
|
<a href="#">Privacy Policy</a>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
|
|
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js"
|
|
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js"
|
|
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
|
|
crossorigin="anonymous"></script>
|
|
</body>
|
|
|
|
</html> |