Spaces:
Running
Running
| <html> | |
| <head> | |
| <!-- Basic --> | |
| <meta charset="utf-8" /> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | |
| <!-- Mobile Metas --> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> | |
| <!-- Site Metas --> | |
| <meta name="keywords" content="" /> | |
| <meta name="description" content="" /> | |
| <meta name="author" content="" /> | |
| <link rel="shortcut icon" href="images/favicon.png" type=""> | |
| <title> Jarvis </title> | |
| <!-- bootstrap core css --> | |
| <link rel="stylesheet" type="text/css" href="css/bootstrap.css" /> | |
| <!-- fonts style --> | |
| <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet"> | |
| <!--owl slider stylesheet --> | |
| <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" /> | |
| <!-- font awesome style --> | |
| <link href="css/font-awesome.min.css" rel="stylesheet" /> | |
| <!-- Custom styles for this template --> | |
| <link href="css/style.css" rel="stylesheet" /> | |
| <!-- responsive style --> | |
| <link href="css/responsive.css" rel="stylesheet" /> | |
| <link href="css/my.css" rel="stylesheet" /> | |
| </head> | |
| <body> | |
| <script type="module" src="https://gradio.s3-us-west-2.amazonaws.com/4.10.0/gradio.js"></script> | |
| <script> | |
| function switchChat() { | |
| if(document.getElementById("myChat").style.display == "block"){ | |
| document.getElementById("myChat").style.display = "none"; | |
| }else{ | |
| document.getElementById("myChat").style.display = "block"; | |
| } | |
| document.getElementById("mySearch").style.display = "none"; | |
| } | |
| function switchSearch() { | |
| if(document.getElementById("mySearch").style.display == "block"){ | |
| document.getElementById("mySearch").style.display = "none"; | |
| }else{ | |
| document.getElementById("mySearch").style.display = "block" | |
| } | |
| document.getElementById("myChat").style.display = "none"; | |
| } | |
| </script> | |
| <!-- <gradio-app src="https://jr818-jarvis-chat.hf.space"></gradio-app> --> | |
| <div class="hero_area"> | |
| <div class="hero_bg_box"> | |
| <div class="bg_img_box"> | |
| <img src="images/hero-bg.png" alt=""> | |
| </div> | |
| </div> | |
| <!-- header section strats --> | |
| <header class="header_section"> | |
| <div class="container-fluid"> | |
| <nav class="navbar navbar-expand-lg custom_nav-container "> | |
| <div class="collapse navbar-collapse" id="navbarSupportedContent"> | |
| <ul class="navbar-nav "> | |
| <li class="nav-item active"> | |
| <a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="about.html"> About</a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="service.html">Services</a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="team.html">Team</a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="https://jr818-jarvis-config.hf.space">Settings</a> | |
| </li> | |
| <!-- <li class="nav-item"> | |
| <button type="button" onclick="switchSearch()" style="padding: 4px 10px;">Search <i class="fa fa-search" aria-hidden="true"></i></button> | |
| </li> --> | |
| <!-- <li class="nav-item"> | |
| <gradio-app src="https://jr818-jarvis-search.hf.space?project=filecoin" container="false"></gradio-app> | |
| </li> --> | |
| <iframe src="https://jr818-jarvisstatic.static.hf.space" frameborder="0" width="300" height="500" ></iframe> | |
| </ul> | |
| </div> | |
| </nav> | |
| </div> | |
| </header> | |
| <!-- end header section --> | |
| <!-- slider section --> | |
| <section class="slider_section "> | |
| <div id="customCarousel1" class="carousel slide" data-ride="carousel"> | |
| <div class="carousel-inner"> | |
| <div class="carousel-item active"> | |
| <div class="container "> | |
| <div class="row"> | |
| <div class="col-md-6 "> | |
| <div class="detail-box"> | |
| <h1> | |
| Crypto <br> | |
| Currency | |
| </h1> | |
| <p> | |
| Explicabo esse amet tempora quibusdam laudantium, laborum eaque magnam fugiat hic? Esse dicta aliquid error repudiandae earum suscipit fugiat molestias, veniam, vel architecto veritatis delectus repellat modi impedit sequi. | |
| </p> | |
| <div class="btn-box"> | |
| <a href="" class="btn1"> | |
| Read More | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-md-6"> | |
| <div class="img-box"> | |
| <img src="images/slider-img.png" alt=""> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="carousel-item "> | |
| <div class="container "> | |
| <div class="row"> | |
| <div class="col-md-6 "> | |
| <div class="detail-box"> | |
| <h1> | |
| Crypto <br> | |
| Currency | |
| </h1> | |
| <p> | |
| Explicabo esse amet tempora quibusdam laudantium, laborum eaque magnam fugiat hic? Esse dicta aliquid error repudiandae earum suscipit fugiat molestias, veniam, vel architecto veritatis delectus repellat modi impedit sequi. | |
| </p> | |
| <div class="btn-box"> | |
| <a href="" class="btn1"> | |
| Read More | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-md-6"> | |
| <div class="img-box"> | |
| <img src="images/slider-img.png" alt=""> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="carousel-item"> | |
| <div class="container "> | |
| <div class="row"> | |
| <div class="col-md-6 "> | |
| <div class="detail-box"> | |
| <h1> | |
| Crypto <br> | |
| Currency | |
| </h1> | |
| <p> | |
| Explicabo esse amet tempora quibusdam laudantium, laborum eaque magnam fugiat hic? Esse dicta aliquid error repudiandae earum suscipit fugiat molestias, veniam, vel architecto veritatis delectus repellat modi impedit sequi. | |
| </p> | |
| <div class="btn-box"> | |
| <a href="" class="btn1"> | |
| Read More | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-md-6"> | |
| <div class="img-box"> | |
| <img src="images/slider-img.png" alt=""> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <ol class="carousel-indicators"> | |
| <li data-target="#customCarousel1" data-slide-to="0" class="active"></li> | |
| <li data-target="#customCarousel1" data-slide-to="1"></li> | |
| <li data-target="#customCarousel1" data-slide-to="2"></li> | |
| </ol> | |
| </div> | |
| <div class="form-popup2" id="mySearch"> | |
| <form action="/" class="form-container" style="width: 400px;"> | |
| <gradio-app src="https://jr818-jarvis-search.hf.space" | |
| frameborder="0px" | |
| container="false" | |
| style="font-size: 8px;" | |
| eager="true" | |
| initial_height="0px" | |
| autoscroll="true"></gradio-app> | |
| </form> | |
| </div> | |
| <div class="form-popup" id="myChat"> | |
| <form action="/" class="form-container" style="width: 500px;"> | |
| <gradio-app src="https://jr818-jarvis-chat.hf.space" | |
| frameborder="0" | |
| container="false" | |
| style="font-size: 8px;" | |
| eager="true" | |
| initial_height="0px" | |
| autoscroll="true"></gradio-app> | |
| </form> | |
| </div> | |
| </section> | |
| <button type="button" class="open-button" onclick="switchChat()" style='font-size:16px'>chat <i class="fa fa-comment" aria-hidden="true"></i></button> | |
| <!-- end slider section --> | |
| </div> | |
| <!-- service section --> | |
| <section class="service_section layout_padding"> | |
| <div class="service_container"> | |
| <div class="container "> | |
| <div class="heading_container heading_center"> | |
| <h2> | |
| Our <span>Services</span> | |
| </h2> | |
| <p> | |
| There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration | |
| </p> | |
| </div> | |
| <div class="row"> | |
| <div class="col-md-4 "> | |
| <div class="box "> | |
| <div class="img-box"> | |
| <img src="images/s1.png" alt=""> | |
| </div> | |
| <div class="detail-box"> | |
| <h5> | |
| Currency Wallet | |
| </h5> | |
| <p> | |
| fact that a reader will be distracted by the readable content of a page when looking at its layout. | |
| The | |
| point of using | |
| </p> | |
| <a href=""> | |
| Read More | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-md-4 "> | |
| <div class="box "> | |
| <div class="img-box"> | |
| <img src="images/s2.png" alt=""> | |
| </div> | |
| <div class="detail-box"> | |
| <h5> | |
| Security Storage | |
| </h5> | |
| <p> | |
| fact that a reader will be distracted by the readable content of a page when looking at its layout. | |
| The | |
| point of using | |
| </p> | |
| <a href=""> | |
| Read More | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-md-4 "> | |
| <div class="box "> | |
| <div class="img-box"> | |
| <img src="images/s3.png" alt=""> | |
| </div> | |
| <div class="detail-box"> | |
| <h5> | |
| Expert Support | |
| </h5> | |
| <p> | |
| fact that a reader will be distracted by the readable content of a page when looking at its layout. | |
| The | |
| point of using | |
| </p> | |
| <a href=""> | |
| Read More | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="btn-box"> | |
| <a href=""> | |
| View All | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- end service section --> | |
| <!-- about section --> | |
| <section class="about_section layout_padding"> | |
| <div class="container "> | |
| <div class="heading_container heading_center"> | |
| <h2> | |
| About <span>Us</span> | |
| </h2> | |
| <p> | |
| Magni quod blanditiis non minus sed aut voluptatum illum quisquam aspernatur ullam vel beatae rerum ipsum voluptatibus | |
| </p> | |
| </div> | |
| <div class="row"> | |
| <div class="col-md-6 "> | |
| <div class="img-box"> | |
| <img src="images/about-img.png" alt=""> | |
| </div> | |
| </div> | |
| <div class="col-md-6"> | |
| <div class="detail-box"> | |
| <h3> | |
| I am Iron Man | |
| </h3> | |
| <p> | |
| There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration | |
| in some form, by injected humour, or randomised words which don't look even slightly believable. If you | |
| are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in | |
| the middle of text. All | |
| </p> | |
| <p> | |
| Molestiae odio earum non qui cumque provident voluptates, repellendus exercitationem, possimus at iste corrupti officiis unde alias eius ducimus reiciendis soluta eveniet. Nobis ullam ab omnis quasi expedita. | |
| </p> | |
| <a href=""> | |
| Read More | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- end about section --> | |
| <!-- why section --> | |
| <section class="why_section layout_padding"> | |
| <div class="container"> | |
| <div class="heading_container heading_center"> | |
| <h2> | |
| Why Choose <span>Us</span> | |
| </h2> | |
| </div> | |
| <div class="why_container"> | |
| <div class="box"> | |
| <div class="img-box"> | |
| <img src="images/w1.png" alt=""> | |
| </div> | |
| <div class="detail-box"> | |
| <h5> | |
| Expert Management | |
| </h5> | |
| <p> | |
| Incidunt odit rerum tenetur alias architecto asperiores omnis cumque doloribus aperiam numquam! Eligendi corrupti, molestias laborum dolores quod nisi vitae voluptate ipsa? In tempore voluptate ducimus officia id, aspernatur nihil. | |
| Tempore laborum nesciunt ut veniam, nemo officia ullam repudiandae repellat veritatis unde reiciendis possimus animi autem natus | |
| </p> | |
| </div> | |
| </div> | |
| <div class="box"> | |
| <div class="img-box"> | |
| <img src="images/w2.png" alt=""> | |
| </div> | |
| <div class="detail-box"> | |
| <h5> | |
| Secure Investment | |
| </h5> | |
| <p> | |
| Incidunt odit rerum tenetur alias architecto asperiores omnis cumque doloribus aperiam numquam! Eligendi corrupti, molestias laborum dolores quod nisi vitae voluptate ipsa? In tempore voluptate ducimus officia id, aspernatur nihil. | |
| Tempore laborum nesciunt ut veniam, nemo officia ullam repudiandae repellat veritatis unde reiciendis possimus animi autem natus | |
| </p> | |
| </div> | |
| </div> | |
| <div class="box"> | |
| <div class="img-box"> | |
| <img src="images/w3.png" alt=""> | |
| </div> | |
| <div class="detail-box"> | |
| <h5> | |
| Instant Trading | |
| </h5> | |
| <p> | |
| Incidunt odit rerum tenetur alias architecto asperiores omnis cumque doloribus aperiam numquam! Eligendi corrupti, molestias laborum dolores quod nisi vitae voluptate ipsa? In tempore voluptate ducimus officia id, aspernatur nihil. | |
| Tempore laborum nesciunt ut veniam, nemo officia ullam repudiandae repellat veritatis unde reiciendis possimus animi autem natus | |
| </p> | |
| </div> | |
| </div> | |
| <div class="box"> | |
| <div class="img-box"> | |
| <img src="images/w4.png" alt=""> | |
| </div> | |
| <div class="detail-box"> | |
| <h5> | |
| Happy Customers | |
| </h5> | |
| <p> | |
| Incidunt odit rerum tenetur alias architecto asperiores omnis cumque doloribus aperiam numquam! Eligendi corrupti, molestias laborum dolores quod nisi vitae voluptate ipsa? In tempore voluptate ducimus officia id, aspernatur nihil. | |
| Tempore laborum nesciunt ut veniam, nemo officia ullam repudiandae repellat veritatis unde reiciendis possimus animi autem natus | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="btn-box"> | |
| <a href=""> | |
| Read More | |
| </a> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- end why section --> | |
| <!-- team section --> | |
| <section class="team_section layout_padding"> | |
| <div class="container-fluid"> | |
| <div class="heading_container heading_center"> | |
| <h2 class=""> | |
| Our <span> Team</span> | |
| </h2> | |
| </div> | |
| <div class="team_container"> | |
| <div class="row"> | |
| <div class="col-lg-3 col-sm-6"> | |
| <div class="box "> | |
| <div class="img-box"> | |
| <img src="images/team-1.jpg" class="img1" alt=""> | |
| </div> | |
| <div class="detail-box"> | |
| <h5> | |
| Joseph Brown | |
| </h5> | |
| <p> | |
| Marketing Head | |
| </p> | |
| </div> | |
| <div class="social_box"> | |
| <a href="#"> | |
| <i class="fa fa-facebook" aria-hidden="true"></i> | |
| </a> | |
| <a href="#"> | |
| <i class="fa fa-twitter" aria-hidden="true"></i> | |
| </a> | |
| <a href="#"> | |
| <i class="fa fa-linkedin" aria-hidden="true"></i> | |
| </a> | |
| <a href="#"> | |
| <i class="fa fa-instagram" aria-hidden="true"></i> | |
| </a> | |
| <a href="#"> | |
| <i class="fa fa-youtube-play" aria-hidden="true"></i> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-lg-3 col-sm-6"> | |
| <div class="box "> | |
| <div class="img-box"> | |
| <img src="images/team-2.jpg" class="img1" alt=""> | |
| </div> | |
| <div class="detail-box"> | |
| <h5> | |
| Nancy White | |
| </h5> | |
| <p> | |
| Marketing Head | |
| </p> | |
| </div> | |
| <div class="social_box"> | |
| <a href="#"> | |
| <i class="fa fa-facebook" aria-hidden="true"></i> | |
| </a> | |
| <a href="#"> | |
| <i class="fa fa-twitter" aria-hidden="true"></i> | |
| </a> | |
| <a href="#"> | |
| <i class="fa fa-linkedin" aria-hidden="true"></i> | |
| </a> | |
| <a href="#"> | |
| <i class="fa fa-instagram" aria-hidden="true"></i> | |
| </a> | |
| <a href="#"> | |
| <i class="fa fa-youtube-play" aria-hidden="true"></i> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-lg-3 col-sm-6"> | |
| <div class="box "> | |
| <div class="img-box"> | |
| <img src="images/team-3.jpg" class="img1" alt=""> | |
| </div> | |
| <div class="detail-box"> | |
| <h5> | |
| Earl Martinez | |
| </h5> | |
| <p> | |
| Marketing Head | |
| </p> | |
| </div> | |
| <div class="social_box"> | |
| <a href="#"> | |
| <i class="fa fa-facebook" aria-hidden="true"></i> | |
| </a> | |
| <a href="#"> | |
| <i class="fa fa-twitter" aria-hidden="true"></i> | |
| </a> | |
| <a href="#"> | |
| <i class="fa fa-linkedin" aria-hidden="true"></i> | |
| </a> | |
| <a href="#"> | |
| <i class="fa fa-instagram" aria-hidden="true"></i> | |
| </a> | |
| <a href="#"> | |
| <i class="fa fa-youtube-play" aria-hidden="true"></i> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-lg-3 col-sm-6"> | |
| <div class="box "> | |
| <div class="img-box"> | |
| <img src="images/team-4.jpg" class="img1" alt=""> | |
| </div> | |
| <div class="detail-box"> | |
| <h5> | |
| Josephine Allard | |
| </h5> | |
| <p> | |
| Marketing Head | |
| </p> | |
| </div> | |
| <div class="social_box"> | |
| <a href="#"> | |
| <i class="fa fa-facebook" aria-hidden="true"></i> | |
| </a> | |
| <a href="#"> | |
| <i class="fa fa-twitter" aria-hidden="true"></i> | |
| </a> | |
| <a href="#"> | |
| <i class="fa fa-linkedin" aria-hidden="true"></i> | |
| </a> | |
| <a href="#"> | |
| <i class="fa fa-instagram" aria-hidden="true"></i> | |
| </a> | |
| <a href="#"> | |
| <i class="fa fa-youtube-play" aria-hidden="true"></i> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- end team section --> | |
| <!-- client section --> | |
| <section class="client_section layout_padding"> | |
| <div class="container"> | |
| <div class="heading_container heading_center psudo_white_primary mb_45"> | |
| <h2> | |
| What says our <span>Customers</span> | |
| </h2> | |
| </div> | |
| <div class="carousel-wrap "> | |
| <div class="owl-carousel client_owl-carousel"> | |
| <div class="item"> | |
| <div class="box"> | |
| <div class="img-box"> | |
| <img src="images/client1.jpg" alt="" class="box-img"> | |
| </div> | |
| <div class="detail-box"> | |
| <div class="client_id"> | |
| <div class="client_info"> | |
| <h6> | |
| LusDen | |
| </h6> | |
| <p> | |
| magna aliqua. Ut | |
| </p> | |
| </div> | |
| <i class="fa fa-quote-left" aria-hidden="true"></i> | |
| </div> | |
| <p> | |
| Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis </p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="item"> | |
| <div class="box"> | |
| <div class="img-box"> | |
| <img src="images/client2.jpg" alt="" class="box-img"> | |
| </div> | |
| <div class="detail-box"> | |
| <div class="client_id"> | |
| <div class="client_info"> | |
| <h6> | |
| Zen Court | |
| </h6> | |
| <p> | |
| magna aliqua. Ut | |
| </p> | |
| </div> | |
| <i class="fa fa-quote-left" aria-hidden="true"></i> | |
| </div> | |
| <p> | |
| Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis </p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="item"> | |
| <div class="box"> | |
| <div class="img-box"> | |
| <img src="images/client1.jpg" alt="" class="box-img"> | |
| </div> | |
| <div class="detail-box"> | |
| <div class="client_id"> | |
| <div class="client_info"> | |
| <h6> | |
| LusDen | |
| </h6> | |
| <p> | |
| magna aliqua. Ut | |
| </p> | |
| </div> | |
| <i class="fa fa-quote-left" aria-hidden="true"></i> | |
| </div> | |
| <p> | |
| Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis </p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="item"> | |
| <div class="box"> | |
| <div class="img-box"> | |
| <img src="images/client2.jpg" alt="" class="box-img"> | |
| </div> | |
| <div class="detail-box"> | |
| <div class="client_id"> | |
| <div class="client_info"> | |
| <h6> | |
| Zen Court | |
| </h6> | |
| <p> | |
| magna aliqua. Ut | |
| </p> | |
| </div> | |
| <i class="fa fa-quote-left" aria-hidden="true"></i> | |
| </div> | |
| <p> | |
| Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis </p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- end client section --> | |
| <!-- info section --> | |
| <section class="info_section layout_padding2"> | |
| <div class="container"> | |
| <div class="row"> | |
| <div class="col-md-6 col-lg-3 info_col"> | |
| <div class="info_contact"> | |
| <h4> | |
| Address | |
| </h4> | |
| <div class="contact_link_box"> | |
| <a href=""> | |
| <i class="fa fa-map-marker" aria-hidden="true"></i> | |
| <span> | |
| Location | |
| </span> | |
| </a> | |
| <a href=""> | |
| <i class="fa fa-phone" aria-hidden="true"></i> | |
| <span> | |
| Call +01 1234567890 | |
| </span> | |
| </a> | |
| <a href=""> | |
| <i class="fa fa-envelope" aria-hidden="true"></i> | |
| <span> | |
| demo@gmail.com | |
| </span> | |
| </a> | |
| </div> | |
| </div> | |
| <div class="info_social"> | |
| <a href=""> | |
| <i class="fa fa-facebook" aria-hidden="true"></i> | |
| </a> | |
| <a href=""> | |
| <i class="fa fa-twitter" aria-hidden="true"></i> | |
| </a> | |
| <a href=""> | |
| <i class="fa fa-linkedin" aria-hidden="true"></i> | |
| </a> | |
| <a href=""> | |
| <i class="fa fa-instagram" aria-hidden="true"></i> | |
| </a> | |
| </div> | |
| </div> | |
| <div class="col-md-6 col-lg-3 info_col"> | |
| <div class="info_detail"> | |
| <h4> | |
| Info | |
| </h4> | |
| <p> | |
| necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful | |
| </p> | |
| </div> | |
| </div> | |
| <div class="col-md-6 col-lg-2 mx-auto info_col"> | |
| <div class="info_link_box"> | |
| <h4> | |
| Links | |
| </h4> | |
| <div class="info_links"> | |
| <a class="active" href="index.html"> | |
| Home | |
| </a> | |
| <a class="" href="about.html"> | |
| About | |
| </a> | |
| <a class="" href="service.html"> | |
| Services | |
| </a> | |
| <a class="" href="why.html"> | |
| Why Us | |
| </a> | |
| <a class="" href="team.html"> | |
| Team | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-md-6 col-lg-3 info_col "> | |
| <h4> | |
| Subscribe | |
| </h4> | |
| <form action="#"> | |
| <input type="text" placeholder="Enter email" /> | |
| <button type="submit"> | |
| Subscribe | |
| </button> | |
| </form> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- end info section --> | |
| <!-- footer section --> | |
| <section class="footer_section"> | |
| <div class="container"> | |
| <p> | |
| © <span id="displayYear"></span> All Rights Reserved By | |
| <a href="https://html.design/">Free Html Templates</a> | |
| </p> | |
| </div> | |
| </section> | |
| <!-- footer section --> | |
| <!-- jQery --> | |
| <script type="text/javascript" src="js/jquery-3.4.1.min.js"></script> | |
| <!-- popper js --> | |
| <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"> | |
| </script> | |
| <!-- bootstrap js --> | |
| <script type="text/javascript" src="js/bootstrap.js"></script> | |
| <!-- owl slider --> | |
| <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"> | |
| </script> | |
| <!-- custom js --> | |
| <script type="text/javascript" src="js/custom.js"></script> | |
| <!-- Google Map --> | |
| <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCh39n5U-4IoWpsVGUHWdqB6puEkhRLdmI&callback=myMap"> | |
| </script> | |
| <!-- End Google Map --> | |
| </body> | |
| </html> |