File size: 36.67Kb
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="title" content="Corona">
<meta property="fb:app_id" content="312" />
<meta property="og:type" content="Corona" />
<meta property="og:url" content="http://steelthemes.com/demo/Elango/Corona-final" />
<meta property="og:title" content="Corona">
<meta property="og:image" content="http://steelthemes.com/demo/Elango/Corona-final/../assets/image/fbimg-210x210.jpg">
<meta property="og:description" content="Corona is html 5 Template">
<meta name="full-screen" content="yes">
<meta name="theme-color" content="#269bef ">
<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title>Contact | Corano | Responsive HTML 5 Template</title>
<link rel="stylesheet" type="text/css" href="../assets/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../assets/css/style.css">
<link rel="stylesheet" type="text/css" href="../assets/fonts/font/flaticon.css">
<!---------favicon--------------->
<link rel="icon" type="image/png" href="../assets/image/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="../assets/image/favicon-16x16.png" sizes="16x16">
<!---------favicon--------------->
</head>
<body class="home_page_one">
<div class="page_wapper">
<!--Start Preloader-->
<div class="preloader">
<div class="preloader_box">
<div class="loader">
<div class="circle item0"></div>
<div class="circle item1"></div>
<div class="circle item2"></div>
</div>
</div>
</div>
<!--End Preloader -->
<!--Header-->
<header class="header_v2 rtl">
<section class="header_top">
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="row">
<div class="col-lg-3 col-md-3">
<div class="heading">
<h2>تحديثات اليوم</h2>
</div>
</div>
<div class="col-lg-9 col-md-9">
<div class="news_inner">
<div class="owl-carousel owl-theme single_items">
<div class="mid-text">
<p><a href="#">لقاح COVID-19 من Stabilitech يهدف إلى توصيله في كبسولة فموية مستقرة حرارياً</a></p>
</div>
<div class="mid-text">
<p><a href="#"> حجم سوق تسليم الأدوية الخاضعة للرقابة 69.8 مليار دولار بحلول عام 2027: Grand View Research، Inc.</a></p>
</div>
<div class="mid-text">
<p><a href="#"> حجم سوق توصيل الأدوية بقيمة 69.8 مليار دولار بحلول عام 2027: Grand View Research، Inc.
</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="text_right">
<div class="social_media_icon">
<ul class="clearfix">
<li>
<a href="#" class="has-tooltip">
<span class="fa fa-facebook"></span>
<div class="c-tooltip">
<div class="tooltip-inner">Facebook</div>
</div>
</a>
</li>
<li>
<a href="#" class="has-tooltip">
<span class="fa fa-twitter"></span>
<div class="c-tooltip">
<div class="tooltip-inner">Twitter</div>
</div>
</a>
</li>
<li>
<a href="#" class="has-tooltip">
<span class="fa fa-linkedin"></span>
<div class="c-tooltip">
<div class="tooltip-inner">Linkedin</div>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="navbar_outer">
<div class="navbar navbar-expand-lg bsnav bsnav-sticky bsnav-sticky-slide">
<div class="container">
<button class="navbar-toggler toggler-spring"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse scroll-nav">
<ul class="navbar-nav navbar-mobile navbar_right">
<li class="nav-item dropdown">
<a href="#" class="cart_btn"><i class="flaticon-add-to-cart icon"></i></a>
</li>
<li class="nav-item dropdown">
<a href="#" class="topbar-one__search search-popup__toggler"><i class="flaticon-search icon"></i></a>
</li>
<li class="nav-item dropdown">
<!-- /.site-header__cart -->
<a href="#" class="site-header__sidemenu-nav side-menu__toggler">
<span class="site-header__sidemenu-nav-line"></span>
<!-- /.site-header__sidemenu-nav-line -->
<span class="site-header__sidemenu-nav-line"></span>
<!-- /.site-header__sidemenu-nav-line -->
<span class="site-header__sidemenu-nav-line"></span>
<!-- /.site-header__sidemenu-nav-line -->
<!-- /.site-header__sidemenu -->
</a>
</li>
</ul>
<ul class="navbar-nav navbar-mobile navbar_left mr-auto" id="nav">
<li class="nav-item nav_item dropdown">
<a class="nav-link link_hd " href="#"> الصفحة الرئيسية </a>
<ul class="navbar-nav submenu">
<li class="nav-item"><a class="nav-link" href="../index.html">افتراضي الصفحة الرئيسية</a></li>
<li class="nav-item"><a class="nav-link" href="../index-2.html">الصفحة الرئيسية الثانية<span class="new_page">new</span></a></li>
<li class="nav-item"><a class="nav-link" href="../index-3.html">الصفحة الرئيسية الثالثة<span class="new_page">new</span></a></li>
<li class="nav-item"><a class="nav-link" href="../one-page-index-1.html">الصفحة الرئيسية على الصفحة</a></li>
<li class="nav-item"><a class="nav-link" href="one-page-index-1.html">المنزل rtl</a></li>
<li class="nav-item"><a class="nav-link" href="index.html">الصفحة الرئيسية على الصفحة RTL</a></li>
</ul>
</li>
<li class="nav-item nav_item"><a class="nav-link link_hd" href="about.html">حول </a></li>
<li class="nav-item nav_item dropdown">
<a class="nav-link link_hd" href="#"> الوقاية </a>
<ul class="navbar-nav submenu">
<li class="nav-item"><a class="nav-link" href="prevention.html">الوقاية</a></li>
<li class="nav-item"><a class="nav-link" href="prevention-single.html">تفاصيل الوقاية</a></li>
</ul>
</li>
<li class="nav-item nav_item"><a class="nav-link link_hd" href="team.html">الأطباء</a></li>
<li class="nav-item nav_item"><a class="nav-link link_hd" href="faq.html">الأسئلة المتداولة</a></li>
<li class="nav-item nav_item dropdown">
<a class="nav-link link_hd" href="#"> مدونة </a>
<ul class="navbar-nav submenu">
<li class="nav-item dropdown">
<a class="nav-link arrow" href="#">مدونة جريد </a>
<ul class="navbar-nav child_menu">
<li class="nav-item"><a class="nav-link" href="blog-three-column.html">مدونة ثلاثة أعمدة</a></li>
<li class="nav-item"><a class="nav-link" href="blog-four-column.html">المدونة أربعة أعمدة</a></li>
<li class="nav-item"><a class="nav-link" href="blog-single.html">بلوق مع الشريط الجانبي</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link arrow" href="#">تفاصيل المدونة </a>
<ul class="navbar-nav child_menu">
<li class="nav-item"><a class="nav-link" href="blog-detail-sidebar.html">مع الشريط الجانبي</a></li>
<li class="nav-item"><a class="nav-link" href="blog-detail.html">بدون الشريط الجانبي</a></li>
</ul>
</li>
</ul>
</li>
<li class="nav-item nav_item dropdown">
<a class="nav-link link_hd" href="#"> متجر </a>
<ul class="navbar-nav submenu">
<li class="nav-item"><a class="nav-link" href="shop.html">متجر</a></li>
<li class="nav-item"><a class="nav-link" href="product-details.html">تفاصيل المنتج</a></li>
<li class="nav-item"><a class="nav-link" href="shop-cart.html">عربة التسوق</a></li>
<li class="nav-item"><a class="nav-link" href="checkout.html">الدفع</a></li>
</ul>
</li>
<li class="nav-item nav_item"><a class="nav-link link_hd" href="contact.html">اتصل</a></li>
</ul>
</div>
<a class="navbar-brand" href="../index.html"><img src="../assets/image/home-logo-rtl-1.png" class="img-fluid" alt="img"></a>
</div>
</div>
</section>
</header>
<!--Header-->
<!------main-content------>
<main class="main-content">
<section class="page_title">
<div class="container">
<div class="row">
<div class="col-lg-12 d-flex">
<div class="content_box">
<ul class="bread_crumb text-center">
<li class="bread_crumb-item"><a href="#">الصفحة الرئيسية</a></li>
<li class="bread_crumb-item active"> اتصل</li>
</ul>
<h1>اتصل</h1>
</div>
</div>
</div>
</div>
</section>
<!-- info-section -->
<section class="info_section rtl">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="heading text-center tp_one ">
<h6>ابقى على تواصل</h6>
<h1>نحن هنا لمساعدتك في الاتصال بنا</h1>
<span class="flaticon-virus icon "></span>
</div>
</div>
</div>
<div class="info_inner">
<div class="row ">
<div class="col-lg-4 col-md-6 col-sm-12 info-column">
<div class="info-box">
<div class="hidden-icon"><i class="flaticon-address"></i></div>
<div class="box">
<div class="icon-box"><i class="flaticon-address"></i></div>
<h4>موقعك</h4>
<span>قم بزيارة لاستكشاف العالم</span>
</div>
<div class="text">
<p>124 ، كوينز يمشون الصليب الثاني<br />نيو يورك 5241.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 info-column">
<div class="info-box">
<div class="hidden-icon"><i class="flaticon-phone-1"></i></div>
<div class="box">
<div class="icon-box"><i class="flaticon-phone-1"></i></div>
<h4>إجراء مكالمة</h4>
<span>لنتحدث مع خبرائنا</span>
</div>
<div class="text">
<p><a href="tel:4455567890">+44 555 67 890</a></p>
<p>من الإثنين إلى الجمعة: من الساعة 9 صباحًا حتى 6 مساءً</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 col-sm-12 info-column">
<div class="info-box">
<div class="hidden-icon"><i class="flaticon-mail"></i></div>
<div class="box">
<div class="icon-box"><i class="flaticon-mail"></i></div>
<h4>إرسال بريد</h4>
<span>لا تتردد في البريد</span>
</div>
<div class="text">
<p><a href="mailto:career@example.com">career@example.com</a></p>
<p><a href="mailto:info@example.com">info@example.com</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- info-section end -->
<section class="contact_form type_one rtl">
<div id="bubbles">
<figure class="image bubble_4 ">
<img src="../assets/image/resources/home-1-contact-bubbles-1.png " class="img-fluid " alt="img " />
</figure>
<figure class="image bubble_5 ">
<img src="../assets/image/resources/home-1-contact-bubbles-2.png " class="img-fluid " alt="img " />
</figure>
<figure class="image bubble_6 ">
<img src="../assets/image/resources/home-1-contact-bubbles-3.png " class="img-fluid " alt="img " />
</figure>
</div>
<div class="container ">
<div class="row ">
<div class="col-lg-7 col-md-12 ">
<div class="heading rtl icon_dark tp_one ">
<h6>ابقى على تواصل</h6>
<h1>ابقى على تواصل... </h1>
<span class="flaticon-virus icon "></span>
</div>
<div class="contact_form_box type_one rtl">
<h2>أرسل لنا رسالة ، سنتواصل معك قريبًا.</h2>
<form>
<div class="row">
<div class="col-lg-6 col-md-6 ">
<div class="form-group ">
<label> اسم</label>
<input type="text" name="form_name " placeholder="أدخل اسمك الكامل" class="form-control ">
</div>
</div>
<div class="col-lg-6 col-md-6 ">
<div class="form-group "> <label> البريد الإلكتروني</label>
<input type="email" name="form_email " placeholder="أدخل بريدًا إلكترونيًا صالحًا " class="form-control ">
</div>
</div>
<div class="col-lg-6 col-md-6 ">
<div class="form-group "> <label> هاتف</label>
<input type="text" name="form_phone " placeholder="أدخل رقمًا صالحًا" class="form-control ">
</div>
</div>
<div class="col-lg-6 col-md-6 ">
<div class="form-group ">
<label>بلد السفر</label>
<select name="country" id="country">
<option selected="selected">حدد الدولة</option>
<option>أستراليا</option>
<option>أمريكا</option>
<option>كوريا الجنوبية</option>
<option>كوريا الشمالية</option>
<option>اليابان</option>
<option>الصين</option>
<option>إنكلترا</option>
<option>هولندا</option>
</select>
</div>
</div>
<div class="col-lg-12 col-md-12 ">
<div class="form-group "> <label> الرسالة</label>
<textarea name="form_message " placeholder="أدخل رسالتك " class="form-control textarea required " rows="3"></textarea>
</div>
</div>
<div class="col-lg-12 col-md-12 ">
<div class="form-group ">
<button class="theme_btn tp_one " type="submit">أرسل رسالة</button>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="col-lg-5 ">
<div class="image_box clearfix ">
<figure class="image image_1 wow bounceInDown " data-wow-delay="00ms " data-wow-duration="1500ms ">
<img src="../assets/image/resources/home-1-contact-1.png " class="img-fluid " alt="img " />
</figure>
<figure class="image image_2 wow bounceInDown " data-wow-delay="100ms " data-wow-duration="1500ms ">
<img src="../assets/image/resources/home-1-contact-2.png " class="img-fluid " alt="img " />
</figure>
<figure class="image image_3 wow bounceInDown " data-wow-delay="200ms " data-wow-duration="1500ms ">
<img src="../assets/image/resources/home-1-contact-3.png " class="img-fluid " alt="img " />
</figure>
<figure class="image image_4 wow bounceInDown " data-wow-delay="300ms " data-wow-duration="1500ms ">
<img src="../assets/image/resources/home-1-contact-4.png " class="img-fluid " alt="img " />
</figure>
<figure class="image image_5 wow bounceInDown " data-wow-delay="400ms " data-wow-duration="1500ms ">
<img src="../assets/image/resources/home-1-contact-5.png " class="img-fluid " alt="img " />
</figure>
<figure class="image image_6 wow bounceInDown " data-wow-delay="500ms " data-wow-duration="1500ms ">
<img src="../assets/image/resources/home-1-contact-6.png " class="img-fluid " alt="img " />
</figure>
<figure class="image image_bg ">
<img src="../assets/image/resources/home-1-contact-bg.png " class="img-fluid " alt="img " />
</figure>
</div>
</div>
</div>
</div>
</section>
<section class="map-section">
<!--Map Outer-->
<div class="map-outer">
<div class="google-map" id="contact-google-map" data-map-lat="44.231172" data-map-lng="-76.485954" data-icon-path="../assets/image/health.png" data-map-title="Alabama, USA" data-map-zoom="12" data-markers='{
"marker-1": [42.231172, -84.485954, "<h4>Branch Office</h4><p>4/99 Alabama, USA</p>"],
"marker-2": [44.231172, -76.485954, "<h4>Branch Office</h4><p>4/99 Alabama, USA</p>"],
"marker-3": [40.880550, -78.393705, "<h4>Branch Office</h4><p>4/99 Pennsylvania, USA</p>"]
}'>
</div>
</div>
</section>
<section class="footer type_two ">
<div class="footer_layer" style="background-image: url(../assets/image/resources/footer-bg1.png);"></div>
<div class="container ">
<div class="row ">
<div class="col-lg-3 col-xs-12 ">
<div class="footer_widgets tp_two first ">
<h3 class="widgets_title logo ">
<a href="index.html "><img src="../assets/image/home-logo-rtl-2.png " class="img-fluid " alt="logo "></a>
</h3>
<div class="inner_widgets ">
<p>A novel coronavirus is a new coronavirus that has not been previously identified. The virus causing coronavirus disease 2019 (COVID-19)</p>
<div class="social_media_icon ">
<ul class="clearfix ">
<li>
<a href="# " class="has-tooltip ">
<span class="fa fa-facebook "></span>
<div class="c-tooltip ">
<div class="tooltip-inner ">Facebook</div>
</div>
</a>
</li>
<li>
<a href="# " class="has-tooltip ">
<span class="fa fa-twitter "></span>
<div class="c-tooltip ">
<div class="tooltip-inner ">Twitter</div>
</div>
</a>
</li>
<li>
<a href="# " class="has-tooltip ">
<span class="fa fa-linkedin "></span>
<div class="c-tooltip ">
<div class="tooltip-inner ">Linkedin</div>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 ">
<div class="footer_widgets tp_two ">
<h3 class="widgets_title ">Usefull links</h3>
<div class="inner_widgets ">
<ul>
<li><a href="# ">Situation Reports</a></li>
<li><a href="# ">Advice For Public</a></li>
<li><a href="# ">Prevention</a></li>
<li><a href="# ">Coronavirus Symptoms</a></li>
<li><a href="# ">Donor & Partners</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 ">
<div class="footer_widgets tp_two ">
<h3 class="widgets_title ">Usefull links</h3>
<div class="inner_widgets ">
<div class="text_box ">
<span class="fa fa-map-marker"></span>
<p>124, Queens walk 2nd cross newyork 5241.</p>
</div>
<div class="text_box ">
<span class="fa fa-phone"></span>
<p>+44 555 67 890</p>
</div>
<div class="text_box ">
<span class="fa fa-clock-o"></span>
<p>Mon - Fri: 09.00 to 18.00</p>
</div>
<div class="text_box ">
<span class="fa fa-envelope"></span>
<p>support@corano.com</p>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-12 col-xs-12 ">
<div class="footer_widgets tp_two">
<h3 class="widgets_title ">Newsletter</h3>
<div class="inner_widgets">
<p class="sub_description">Subscribe Us & Recive Our Offers and Updates i Your Inbox Directly.</p>
<form>
<input type="email" name="email" placeholder="Email Address..." />
<button class="sub_btn" type="submit"><span class="flaticon-paper-plane "></span></button>
</form>
</div>
</div>
</div>
</div>
<div class="footer_last type_two">
<div class="row">
<div class="col-lg-12 text-center ">
<p>Copyright © 2020 Corano. All Rights Reserved.</p>
</div>
</div>
</div>
</div>
</section>
<!-------------main-centent-end--------------->
</main>
<!-------------pagewapper-end--------------->
</div>
<!--Scroll to top-->
<a href="# " id="scroll" class="default-bg " style="display: inline;"><span class="fa fa-angle-up "></span></a>
<!---------mbile-navbar----->
<div class="bsnav-mobile ">
<div class="bsnav-mobile-overlay"></div>
<div class="navbar ">
<button class="navbar-toggler toggler-spring mobile-toggler"><span class="fa fa-close "></span></button>
</div>
</div>
<!---------mbile-navbar----->
<!-- /.side-menu__block -->
<div class="side-menu__block ">
<div class="side-menu__block-overlay custom-cursor__overlay ">
<div class="cursor "></div>
<div class="cursor-follower "></div>
</div>
<!-- /.side-menu__block-overlay -->
<div class="side-menu__block-inner ">
<div class="row ">
<div class="col-lg-12 ">
<div class="logo_site ">
<a href="index.html "><img src="../assets/image/home-1-logo.png" alt="logo " /></a>
</div>
<div class="side-menu__block-contact ">
<h2>استشارات سريعة عبر الإنترنت فقط في دقائق قليلة</h2>
<div class="form_outer ">
<form>
<div class="from_group">
<input type="text" name="name" placeholder="الاسم" />
</div>
<div class="from_group">
<input type="email" name="email" placeholder="البريد الإلكتروني" />
</div>
<div class="from_group">
<input type="text" name="phone" placeholder="هاتف" />
</div>
<div class="from_group">
<textarea rows="4" placeholder="شارك أفكارك"></textarea>
</div>
<div class="from_group">
<button class="theme_btn tp_one" type="submit">شارك أفكارك...</button>
</div>
</form>
</div>
</div>
<!-- /.side-menu__block-contact -->
<div class="side-menu__block-contact ">
<h3 class="side-menu__block__title ">شارك أفكارك...</h3>
<!-- /.side-menu__block__title -->
<ul class="side-menu__block-contact__list ">
<li class="side-menu__block-contact__list-item ">
<i class="fa fa-map-marker "></i> Rock St 12 ، مدينة نيويورك ، الولايات المتحدة الأمريكية
</li>
<!-- /.side-menu__block-contact__list-item -->
<li class="side-menu__block-contact__list-item ">
<i class="fa fa-phone "></i>
<a href="tel:526-236-895-4732 ">(526) 236-895-4732</a>
</li>
<!-- /.side-menu__block-contact__list-item -->
<li class="side-menu__block-contact__list-item ">
<i class="fa fa-envelope "></i>
<a href="mailto:example@mail.com ">example@mail.com</a>
</li>
<!-- /.side-menu__block-contact__list-item -->
<li class="side-menu__block-contact__list-item ">
<i class="fa fa-clock-o "></i> أيام الأسبوع: 09.00 الساعة 18.00 الأحد: مغلق
</li>
<!-- /.side-menu__block-contact__list-item -->
</ul>
<!-- /.side-menu__block-contact__list -->
</div>
<!-- /.side-menu__block-contact -->
<p class="side-menu__block__text site-footer__copy-text "><a href="# ">corano</a> <i class="fa fa-copyright "></i> 2020 جميع الحقوق محفوظة</p>
</div>
</div>
<!-- /.side-menu__block-inner -->
</div>
</div>
<!-- /.side-menu__block -->
<!-- /.search-popup -->
<div class="search-popup">
<div class="search-popup__overlay custom-cursor__overlay">
<div class="cursor "></div>
<div class="cursor-follower "></div>
</div>
<!-- /.search-popup__overlay -->
<div class="search-popup__inner ">
<form action="# " class="search-popup__form ">
<input type="text" name="search" placeholder="Type here to Search.... ">
<button type="submit"><i class="flaticon-magnifying-glass "></i></button>
</form>
</div>
<!-- /.search-popup__inner -->
</div>
<!-- /.search-popup -->
<!-----------------------------------script-------------------------------------->
<script src="../assets/js/jquery.js "></script>
<script src="../assets/js/popper.min.js "></script>
<script src="../assets/js/bootstrap.min.js "></script>
<script src="../assets/js/bsnav.min.js "></script>
<script src="../assets/js/jquery-ui.js "></script>
<script src="../assets/js/wow.js "></script>
<script src="../assets/js/owl.js "></script>
<script src="../assets/js/jquery.fancybox.js "></script>
<script src="../assets/js/TweenMax.min.js "></script>
<script src="../assets/js/validator.min.js "></script>
<script src="../assets/js/appear.js "></script>
<script src="../assets/js/moment.js "></script>
<script src="../assets/js/jquery.flexslider-min.js"></script>
<script src="../assets/js/pagenav.js"></script>
<script src="../assets/js/custom.js "></script>
<!--Google Map APi Key-->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAHzPSV2jshbjI8fqnC_C4L08ffnj5EN3A"></script>
<script src="../assets/js/gmaps.js"></script>
<script src="../assets/js/map-script.js"></script>
<!--End Google Map APi-->
</body>
</html>