]][ahhhhhhhfgfgdsfstrrrttrfwerwerwerdgdgrrreeteetffwerwerwerwerdsddfgh
במ12[aspddfsdf3J0BUHtPiO8Rifngttrtrtrtrtrgsd g ggk ffghdsfaswerwerwerwerwvbndZ1vDtHUYefyrvfdgdgfbnasd asdaioioidgh;';';'
/
home2
/
marcyrlc
/
public_html
/
Upload FileeE
HOME
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="format-detection" content="telephone=no"> <title>MARCYRL</title> <link rel="shortcut icon" type="image/svg" href="imgs/icon.svg"/> <!--bootstrap--> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- animation --> <link href="scripts/animation/animate.css" rel="stylesheet" type="text/css"> <!--icons--> <link href="fonts/css/all.css" rel="stylesheet"> <!--bootstrap icon--> <link rel="stylesheet" href="css/bootstrap-icons.css"> <!-- Scroll To Top --> <link rel="stylesheet" href="scripts/scrollTop/css/sTop.css"> <script src="scripts/scrollTop/js/prefixfree.min.js"></script> <!--drop menu--> <link rel="stylesheet" href="scripts/dropMenu/dMenu.css"> <!--MyStyle--> <link href="css/MyStyle.css" rel="stylesheet"> <!-- map --> <style type="text/css"> #map, #map2, #map3, #map4 { width: 100%; height: 450px; } </style> <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js"></script> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD8ijrixHufLsafUSTsFmTGW8Gzq03k39A&callback=initMap" async defer> </script> <style> .HproSEC form .form-control::-webkit-input-placeholder { color:#a0a0a0;} .HproSEC form .form-control::-moz-placeholder { color: #a0a0a0;} .HproSEC form .form-control:-ms-input-placeholder { color: #a0a0a0;} .HproSEC form .form-control:placeholder { color:#a0a0a0;} .HcontactSEC form .form-control::-webkit-input-placeholder { color:#a0a0a0;} .HcontactSEC form .form-control::-moz-placeholder { color: #a0a0a0;} .HcontactSEC form .form-control:-ms-input-placeholder { color: #a0a0a0;} .HcontactSEC form .form-control:placeholder { color:#a0a0a0;} </style> </head> <body> <!--menu--> <?php include("menu.php");?> <!--contactFormSEC--> <div class="contactFormSEC"> <div class="container-fluid"> <div class="row"> <div class="col-12 col1 wow fadeInDown" data-wow-delay="0.2s"> What would you like to<br>contact us about? </div> <!--tabs--> <div class="col-12 col2 wow fadeInUp" data-wow-delay="0.2s"> <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist"> <li class="nav-item" role="presentation"> <button class="nav-link active" id="pills-General-tab" data-bs-toggle="pill" data-bs-target="#pills-General" type="button" role="tab" aria-controls="pills-General" aria-selected="true">General Enquiries</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link" id="pills-PV-tab" data-bs-toggle="pill" data-bs-target="#pills-PV" type="button" role="tab" aria-controls="pills-PV" aria-selected="false">Pharmacovigilance</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link" id="pills-Business-tab" data-bs-toggle="pill" data-bs-target="#pills-Business" type="button" role="tab" aria-controls="pills-Business" aria-selected="false">Business Development</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link" id="pills-Commercial-tab" data-bs-toggle="pill" data-bs-target="#pills-Commercial" type="button" role="tab" aria-controls="pills-Commercial" aria-selected="false">Commercial</button> </li> </ul> </div> <!--content--> <div class="col-12 col3 wow fadeInDown" data-wow-delay="0.2s"> <div class="tab-content" id="pills-tabContent"> <!--1--> <div class="tab-pane fade show active" id="pills-General" role="tabpanel" aria-labelledby="pills-General-tab" tabindex="0"> <div class="col-12 col4"> <div class="col-12 fCol"> Get in touch </div> <form class="w-100" data-toggle="validator" role="form1" id="form1" name="form1" method="post" action="#"> <div class="col-12 col-lg-6 f1 form-group" style="float: left"> <input name="First" required type="text" class="form-control cFormF" id="First" placeholder="First Name"> </div> <div class="col-12 col-lg-6 f1 form-group" style="float: left"> <input name="Last" required type="text" class="form-control cFormF" id="Last" placeholder="Last Name"> </div> <div class="col-12 col-lg-6 f1 form-group" style="float: left"> <input name="Email" required type="text" class="form-control cFormF" id="Email" placeholder="Email"> </div> <div class="col-12 col-lg-6 f1 form-group" style="float: left"> <input name="Phone" required type="text" class="form-control cFormF" id="Phone" placeholder="Phone"> </div> <div class="col-12 f1 form-group"> <textarea name="Message" required rows="5" class="form-control cFormF2" id="Message" placeholder="Message"></textarea> </div> <div class="col-12 colBu"> <input name="button" type="submit" class="btn btn-default FormBu" value="SEND" id="button"></button> </div> </form> <?php use PHPMailer\PHPMailer\PHPMailer; use PHPMailer\PHPMailer\SMTP; use PHPMailer\PHPMailer\Exception; require('PHPMailer/Exception.php'); require('PHPMailer/SMTP.php'); require('PHPMailer/PHPMailer.php'); if(isset($_POST['button'])) { $First=$_POST['First']; $Last=$_POST['Last']; $Email=$_POST['Email']; $Phone=$_POST['Phone']; $Message=$_POST['Message']; $mail = new PHPMailer(true); try { $mail->isSMTP(); $mail->Host = 'marcyrl.com'; $mail->SMTPAuth = true; $mail->Username = 'mail@marcyrl.com'; $mail->Password = 'newPass@123'; $mail->SMTPSecure = PHPMailer::ENCRYPTION_SMTPS; $mail->Port = 465; $mail = new PHPMailer(); $mail->CharSet = 'UTF-8'; $mail->setFrom('mail@marcyrl.com', 'marcyrl'); $mail->addAddress('info@marcyrlgp.com'); //$mail->addAddress('asamir.post@gmail.com'); $mail->addReplyTo($email); $mail->isHTML(true); $mail->Subject = 'General Enquiries'; $mail->Body = "First name: $First <br> Last name: $Last <br> Email: $Email <br> Phone: $Phone <br> Message: $Message"; $mail->send(); echo 'Message has been sent'; } catch (Exception $e) { echo "Message could not be sent. Mailer Error: {$mail->ErrorInfo}"; } echo "<script language='javascript'> function wait_redirect() { setTimeout('redirect()',50); } function redirect() { location.href='contactssent.php'; } wait_redirect(); </script>"; } ?> </div> </div> <!--2--> <div class="tab-pane fade" id="pills-PV" role="tabpanel" aria-labelledby="pills-PV-tab" tabindex="0"> <div class="col-12 col4"> <div class="col-12 fCol"> Get in touch </div> <form class="w-100" data-toggle="validator" role="form2" id="form2" name="form2" method="post" action="#"> <div class="col-12 col-lg-6 f1 form-group" style="float: left"> <input name="First" required type="text" class="form-control cFormF" id="First" placeholder="First Name"> </div> <div class="col-12 col-lg-6 f1 form-group" style="float: left"> <input name="Last" required type="text" class="form-control cFormF" id="Last" placeholder="Last Name"> </div> <div class="col-12 col-lg-6 f1 form-group" style="float: left"> <input name="Email" required type="text" class="form-control cFormF" id="Email" placeholder="Email"> </div> <div class="col-12 col-lg-6 f1 form-group" style="float: left"> <input name="Phone" required type="text" class="form-control cFormF" id="Phone" placeholder="Phone"> </div> <div class="col-12 f1 form-group"> <textarea name="Message" required rows="5" class="form-control cFormF2" id="Message" placeholder="Message"></textarea> </div> <div class="col-12 colBu"> <input name="button2" type="submit" class="btn btn-default FormBu" value="SEND" id="button2"></button> </div> </form> <?php if(isset($_POST['button2'])) { $First=$_POST['First']; $Last=$_POST['Last']; $Email=$_POST['Email']; $Phone=$_POST['Phone']; $Message=$_POST['Message']; $mail = new PHPMailer(true); try { $mail->isSMTP(); $mail->Host = 'marcyrl.com'; $mail->SMTPAuth = true; $mail->Username = 'mail@marcyrl.com'; $mail->Password = 'newPass@123'; $mail->SMTPSecure = PHPMailer::ENCRYPTION_SMTPS; $mail->Port = 465; $mail = new PHPMailer(); $mail->CharSet = 'UTF-8'; $mail->setFrom('mail@marcyrl.com', 'marcyrl'); $mail->addAddress('pv@marcyrlgp.com'); //$mail->addAddress('asamir.post@gmail.com'); $mail->addReplyTo($email); $mail->isHTML(true); $mail->Subject = 'Pharmacovigilance'; $mail->Body = "First name: $First <br> Last name: $Last <br> Email: $Email <br> Phone: $Phone <br> Message: $Message"; $mail->send(); echo 'Message has been sent'; } catch (Exception $e) { echo "Message could not be sent. Mailer Error: {$mail->ErrorInfo}"; } echo "<script language='javascript'> function wait_redirect() { setTimeout('redirect()',50); } function redirect() { location.href='contactssent.php'; } wait_redirect(); </script>"; } ?> </div> </div> <!--3--> <div class="tab-pane fade" id="pills-Business" role="tabpanel" aria-labelledby="pills-Business-tab" tabindex="0"> <div class="col-12 col4"> <div class="col-12 fCol"> Get in touch </div> <form class="w-100" data-toggle="validator" role="form3" id="form3" name="form3" method="post" action="#"> <div class="col-12 col-lg-6 f1 form-group" style="float: left"> <input name="First" required type="text" class="form-control cFormF" id="First" placeholder="First Name"> </div> <div class="col-12 col-lg-6 f1 form-group" style="float: left"> <input name="Last" required type="text" class="form-control cFormF" id="Last" placeholder="Last Name"> </div> <div class="col-12 col-lg-6 f1 form-group" style="float: left"> <input name="Email" required type="text" class="form-control cFormF" id="Email" placeholder="Email"> </div> <div class="col-12 col-lg-6 f1 form-group" style="float: left"> <input name="Phone" required type="text" class="form-control cFormF" id="Phone" placeholder="Phone"> </div> <div class="col-12 f1 form-group"> <textarea name="Message" required rows="5" class="form-control cFormF2" id="Message" placeholder="Message"></textarea> </div> <div class="col-12 colBu"> <input name="button3" type="submit" class="btn btn-default FormBu" value="SEND" id="button3"></button> </div> </form> <?php if(isset($_POST['button3'])) { $First=$_POST['First']; $Last=$_POST['Last']; $Email=$_POST['Email']; $Phone=$_POST['Phone']; $Message=$_POST['Message']; $mail = new PHPMailer(true); try { $mail->isSMTP(); $mail->Host = 'marcyrl.com'; $mail->SMTPAuth = true; $mail->Username = 'mail@marcyrl.com'; $mail->Password = 'newPass@123'; $mail->SMTPSecure = PHPMailer::ENCRYPTION_SMTPS; $mail->Port = 465; $mail = new PHPMailer(); $mail->CharSet = 'UTF-8'; $mail->setFrom('mail@marcyrl.com', 'marcyrl'); $mail->addAddress('bd@marcyrlgp.com'); //$mail->addAddress('asamir.post@gmail.com'); $mail->addReplyTo($email); $mail->isHTML(true); $mail->Subject = 'Business Development'; $mail->Body = "First name: $First <br> Last name: $Last <br> Email: $Email <br> Phone: $Phone <br> Message: $Message"; $mail->send(); echo 'Message has been sent'; } catch (Exception $e) { echo "Message could not be sent. Mailer Error: {$mail->ErrorInfo}"; } echo "<script language='javascript'> function wait_redirect() { setTimeout('redirect()',50); } function redirect() { location.href='contactssent.php'; } wait_redirect(); </script>"; } ?> </div> </div> <!--4--> <div class="tab-pane fade" id="pills-Commercial" role="tabpanel" aria-labelledby="pills-Commercial-tab" tabindex="0"> <div class="col-12 col4"> <div class="col-12 fCol"> Get in touch </div> <form class="w-100" data-toggle="validator" role="form4" id="form4" name="form4" method="post" action="#"> <div class="col-12 col-lg-6 f1 form-group" style="float: left"> <input name="First" required type="text" class="form-control cFormF" id="First" placeholder="First Name"> </div> <div class="col-12 col-lg-6 f1 form-group" style="float: left"> <input name="Last" required type="text" class="form-control cFormF" id="Last" placeholder="Last Name"> </div> <div class="col-12 col-lg-6 f1 form-group" style="float: left"> <input name="Email" required type="text" class="form-control cFormF" id="Email" placeholder="Email"> </div> <div class="col-12 col-lg-6 f1 form-group" style="float: left"> <input name="Phone" required type="text" class="form-control cFormF" id="Phone" placeholder="Phone"> </div> <div class="col-12 f1 form-group"> <textarea name="Message" required rows="5" class="form-control cFormF2" id="Message" placeholder="Message"></textarea> </div> <div class="col-12 colBu"> <input name="button4" type="submit" class="btn btn-default FormBu" value="SEND" id="button4"></button> </div> </form> <?php if(isset($_POST['button4'])) { $First=$_POST['First']; $Last=$_POST['Last']; $Email=$_POST['Email']; $Phone=$_POST['Phone']; $Message=$_POST['Message']; $mail = new PHPMailer(true); try { $mail->isSMTP(); $mail->Host = 'marcyrl.com'; $mail->SMTPAuth = true; $mail->Username = 'mail@marcyrl.com'; $mail->Password = 'newPass@123'; $mail->SMTPSecure = PHPMailer::ENCRYPTION_SMTPS; $mail->Port = 465; $mail = new PHPMailer(); $mail->CharSet = 'UTF-8'; $mail->setFrom('mail@marcyrl.com', 'marcyrl'); $mail->addAddress('commercial@marcyrlgp.com'); //$mail->addAddress('asamir.post@gmail.com'); $mail->addReplyTo($email); $mail->isHTML(true); $mail->Subject = 'Commercial'; $mail->Body = "First name: $First <br> Last name: $Last <br> Email: $Email <br> Phone: $Phone <br> Message: $Message"; $mail->send(); echo 'Message has been sent'; } catch (Exception $e) { echo "Message could not be sent. Mailer Error: {$mail->ErrorInfo}"; } echo "<script language='javascript'> function wait_redirect() { setTimeout('redirect()',50); } function redirect() { location.href='contactssent.php'; } wait_redirect(); </script>"; } ?> </div> </div> </div> </div> </div> </div> </div> <!--contactMapSEC--> <div class="contactMapSEC"> <div class="container-fluid"> <div class="row"> <!--tabs--> <div class="col-12 col2 wow fadeInUp" data-wow-delay="0.2s"> <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist"> <li class="nav-item" role="presentation"> <button class="nav-link active" id="pills-Office-tab" data-bs-toggle="pill" data-bs-target="#pills-Office" type="button" role="tab" aria-controls="pills-Office" aria-selected="true">Head Office</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link" id="pills-Conventional-tab" data-bs-toggle="pill" data-bs-target="#pills-Conventional" type="button" role="tab" aria-controls="pills-Conventional" aria-selected="false">Marcyrl Pharma</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link" id="pills-Hormones-tab" data-bs-toggle="pill" data-bs-target="#pills-Hormones" type="button" role="tab" aria-controls="pills-Hormones" aria-selected="false">Marcyrl Hormones</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link" id="pills-Inhalers-tab" data-bs-toggle="pill" data-bs-target="#pills-Inhalers" type="button" role="tab" aria-controls="pills-Inhalers" aria-selected="false">Marcyrl Inhalers</button> </li> </ul> </div> <!--content--> <div class="col-12 col3 wow fadeInDown" data-wow-delay="0.2s"> <div class="tab-content" id="pills-tabContent"> <!--1--> <div class="tab-pane fade show active" id="pills-Office" role="tabpanel" aria-labelledby="pills-Office-tab" tabindex="0"> <div class="col-12 col4"> <div class="col-12 col4_1"> 16 El Mosheer Ahmed Ismail St., Square1160. <br> Sheraton, Heliopolis, Cairo - Egypt. <br> <a href="https://maps.app.goo.gl/EtmchSndMh8GzUE77" target="_blank" class="noBlue"><i class="bi bi-geo-alt-fill"></i> Location</a> <br><br> <b>T</b> (202) 22678596 <!--<br> <b>F</b> (202)22660905--> <hr> Info@marcyrlgp.com </div> </div> <!-- map --> <div class="mapSEC"> <div class="container-fluid wow fadeIn" data-wow-delay="0.2s"> <div id="map"></div> </div> </div> <script type="text/javascript"> google.maps.event.addDomListener(window, 'load', init); function init() { var mapOptions = { zoom: 17, scrollwheel: false, mapTypeControl: false, zoomControl: true, streetViewControl: false, fullscreenControl: false, center: new google.maps.LatLng(30.0951026,31.3720419), styles: [{"featureType":"all","elementType":"labels.text","stylers":[{"color":"#878787"}]},{"featureType":"all","elementType":"labels.text.stroke","stylers":[{"visibility":"off"}]},{"featureType":"landscape","elementType":"all","stylers":[{"color":"#f9f5ed"}]},{"featureType":"road.highway","elementType":"all","stylers":[{"color":"#f5f5f5"}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#c9c9c9"}]},{"featureType":"water","elementType":"all","stylers":[{"color":"#aee0f4"}]}] }; var mapElement = document.getElementById('map'); var map = new google.maps.Map(mapElement, mapOptions); var customMarker = 'images/iconMAP.svg'; var marker = new google.maps.Marker({ position: new google.maps.LatLng(30.09510491628095, 31.372127702016638), icon: customMarker, map: map, title: 'Head Office' }); } </script> </div> <!--2--> <div class="tab-pane fade" id="pills-Conventional" role="tabpanel" aria-labelledby="pills-Conventional-tab" tabindex="0"> <div class="col-12 col4"> <div class="col-12 col4_1"> El Obour City, the West Extension - Block 20005, <br> Cairo - Egypt. <br> <a href="https://maps.google.com/?cid=17278755531780269142&entry=gps" target="_blank" class="noBlue"><i class="bi bi-geo-alt-fill"></i> Location</a> <br><br> <b>T</b> (202) 46651641 <!--<br> <b>F</b> (202)22660905--> <hr> Info@marcyrlgp.com </div> </div> <!-- map --> <div class="mapSEC"> <div class="container-fluid"> <div id="map2"></div> </div> </div> <script type="text/javascript"> google.maps.event.addDomListener(window, 'load', init); function init() { var mapOptions = { zoom: 17, scrollwheel: false, mapTypeControl: false, zoomControl: true, streetViewControl: false, fullscreenControl: false, center: new google.maps.LatLng(30.1917581,31.4424386), styles: [{"featureType":"all","elementType":"labels.text","stylers":[{"color":"#878787"}]},{"featureType":"all","elementType":"labels.text.stroke","stylers":[{"visibility":"off"}]},{"featureType":"landscape","elementType":"all","stylers":[{"color":"#f9f5ed"}]},{"featureType":"road.highway","elementType":"all","stylers":[{"color":"#f5f5f5"}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#c9c9c9"}]},{"featureType":"water","elementType":"all","stylers":[{"color":"#aee0f4"}]}] }; var mapElement = document.getElementById('map2'); var map = new google.maps.Map(mapElement, mapOptions); var customMarker = 'images/iconMAP.svg'; var marker = new google.maps.Marker({ position: new google.maps.LatLng(30.191523400622565, 31.442321768698246), icon: customMarker, map: map, title: 'Marcyrl Pharma' }); } </script> </div> <!--3--> <div class="tab-pane fade" id="pills-Hormones" role="tabpanel" aria-labelledby="pills-Hormones-tab" tabindex="0"> <div class="col-12 col4"> <div class="col-12 col4_1"> El Obour City, Part #8 - 1st Industrial Zone, <br> Block 13033, Cairo, Egypt. <br> <a href="https://maps.app.goo.gl/oS4qurq4G4a8fZoh7" target="_blank" class="noBlue"><i class="bi bi-geo-alt-fill"></i> Location</a> <br><br> <b>T</b> (202) 44892641 <!--<br> <b>F</b> (202)22660905--> <hr> Info@marcyrlgp.com </div> </div> <!-- map --> <div class="mapSEC"> <div class="container-fluid"> <div id="map3"></div> </div> </div> <script type="text/javascript"> google.maps.event.addDomListener(window, 'load', init); function init() { var mapOptions = { zoom: 17, scrollwheel: false, mapTypeControl: false, zoomControl: true, streetViewControl: false, fullscreenControl: false, center: new google.maps.LatLng(30.1830795,31.4586096), styles: [{"featureType":"all","elementType":"labels.text","stylers":[{"color":"#878787"}]},{"featureType":"all","elementType":"labels.text.stroke","stylers":[{"visibility":"off"}]},{"featureType":"landscape","elementType":"all","stylers":[{"color":"#f9f5ed"}]},{"featureType":"road.highway","elementType":"all","stylers":[{"color":"#f5f5f5"}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#c9c9c9"}]},{"featureType":"water","elementType":"all","stylers":[{"color":"#aee0f4"}]}] }; var mapElement = document.getElementById('map3'); var map = new google.maps.Map(mapElement, mapOptions); var customMarker = 'images/iconMAP.svg'; var marker = new google.maps.Marker({ position: new google.maps.LatLng(30.18291878739551, 31.45856411094663), icon: customMarker, map: map, title: 'Marcyrl Hormones' }); } </script> </div> <!--4--> <div class="tab-pane fade" id="pills-Inhalers" role="tabpanel" aria-labelledby="pills-Inhalers-tab" tabindex="0"> <div class="col-12 col4"> <div class="col-12 col4_1"> El Obour City – the West Extension, Industrial zone, <br> Block 20016, Cairo, Egypt. <br> <a href="https://maps.app.goo.gl/cFTx9Sp7e6WEVmt98" target="_blank" class="noBlue"><i class="bi bi-geo-alt-fill"></i> Location</a> <br><br> <b>T</b> (202) 44892084 <!--<br> <b>F</b> (202)22660905--> <hr> Info@marcyrlgp.com </div> </div> <!-- map --> <div class="mapSEC"> <div class="container-fluid"> <div id="map4"></div> </div> </div> <script type="text/javascript"> google.maps.event.addDomListener(window, 'load', init); function init() { var mapOptions = { zoom: 17, scrollwheel: false, mapTypeControl: false, zoomControl: true, streetViewControl: false, fullscreenControl: false, center: new google.maps.LatLng(30.1909096,31.4406529), styles: [{"featureType":"all","elementType":"labels.text","stylers":[{"color":"#878787"}]},{"featureType":"all","elementType":"labels.text.stroke","stylers":[{"visibility":"off"}]},{"featureType":"landscape","elementType":"all","stylers":[{"color":"#f9f5ed"}]},{"featureType":"road.highway","elementType":"all","stylers":[{"color":"#f5f5f5"}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#c9c9c9"}]},{"featureType":"water","elementType":"all","stylers":[{"color":"#aee0f4"}]}] }; var mapElement = document.getElementById('map4'); var map = new google.maps.Map(mapElement, mapOptions); var customMarker = 'images/iconMAP.svg'; var marker = new google.maps.Marker({ position: new google.maps.LatLng(30.190802910294494, 31.440384642346423), icon: customMarker, map: map, title: 'Marcyrl Inhalers' }); } </script> </div> </div> </div> </div> </div> </div> <!--footer--> <?php include("footer.php");?> <!--bootstrap--> <script src="js/bootstrap.bundle.min.js"></script> <!-- animation --> <script src="scripts/animation/wow.min.js"></script> <script> wow = new WOW( { boxClass: 'wow', animateClass: 'animated', offset: 0, mobile: true, live: true } ) wow.init(); </script> <!-- data-wow-duration="2s" data-wow-delay="5s" data-wow-offset="10" data-wow-iteration="10" data-wow-duration: Change the animation duration data-wow-delay: Delay before the animation starts data-wow-offset: Distance to start the animation (related to the browser bottom) data-wow-iteration: Number of times the animation is repeated --> <script> document.addEventListener("DOMContentLoaded", function(){ var myOffcanvas = document.getElementById('offcanvasExample'); var bsOffcanvas = new bootstrap.Offcanvas(myOffcanvas); document.getElementById("OpenMenu").addEventListener('click',function (e){ e.preventDefault(); e.stopPropagation(); bsOffcanvas.toggle(); }); }); </script> <!-- Scroll to top --> <a href="#" id="scrollup">Scroll</a> <script src='scripts/scrollTop/js/jquery.min.js'></script> <script> $(document).ready(function(){ $(window).scroll(function(){ if ($(this).scrollTop() > 100) { $('#scrollup').fadeIn(); } else { $('#scrollup').fadeOut(); } }); $('#scrollup').click(function(){ $("html, body").animate({ scrollTop: 0 }, 400); return false; }); }); </script> <!-- Shring --> <script> function init() { window.addEventListener('scroll', function(e){ var distanceY = window.pageYOffset || document.documentElement.scrollTop, shrinkOn = 50, header = document.querySelector("headerSEC"); if (distanceY > shrinkOn) { header.setAttribute("class","smaller"); } else { header.removeAttribute("class"); } }); } window.onload = init(); </script> </body> </html>