contact.html

<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link rel="icon" type="image/x-icon" href="./assets/css/bg-img/BITCOIN.gif">
      <title>BitCoinBd</title>
      <link rel="stylesheet" href="assets/css/style.css">
      <link rel="stylesheet" href="./assets/css/responsive.css">
      <link rel="stylesheet" href="./assets/css/contact.css">
      <!-- Carousel Styles -->
      <link rel="stylesheet" href="assets/vendors/vcss/owl.carousel.min.css">
      <link rel="stylesheet" href="assets/vendors/vcss/owl.theme.default.min.css">
   
      <!-- BootStrap Linked -->
      <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet"
         integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
      <!-- /. End BootStrap Link -->
      <!--Font-awesome Linked  -->
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css"
         integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A=="
         crossorigin="anonymous" referrerpolicy="no-referrer" />
      <!-- /. Font-awesome Linked -->
      <!-- Google Font -->
      <link rel="preconnect" href="https://fonts.googleapis.com">
      <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
      <link
         href="https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&family=Poppins:ital,wght@0,100;0,200;0,300;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Quicksand:wght@300;400;500;600;700&family=Rajdhani:wght@300;400;500;600;700&family=Raleway:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Slab:wght@800;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
         rel="stylesheet">
      <!--/. Google Font -->
      <!-- Aos animation link -->
      <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
   
   
      <!-- Aos animation link -->
   
   
   </head>
<body>
    <div class="main-section main-wrapper">
        <div class="top-div">
         <div class="zoominbg">
            <div class="zoomoutbg">
            <header> <!-- Start header section-->
                <div class="container row">
                   <div class="top-row col-md-6 col-sm-12 d-flex align-items-center "><span>Welcome to BitCoinBd</span></div>
                   <div class="col-md-6 col-sm-12 d-flex align-items-center justify-content-end">
                      <div class="social-icon d-flex align-items-center justify-content-center ">
                         <ul>
                            <li><i class="fa-brands fa-facebook-f" title="Facebook"></i></li>
                            <li><i class="fa-brands fa-twitter" title="twitter"></i></li>
                            <li><i class="fa-brands fa-pinterest" title="Pinterest"></i></li>
                            <li><i class="fa-brands fa-dribbble" title="Dribble"></i></li>
                            <li><i class="fa-brands fa-linkedin-in" title="Linkedin"></i></li>
                         </ul>
                      </div>
                   </div>
                </div>
             </header> <!-- /. Ended header section-->
       
             <div class="nav-wrapper ad its">
               <div class="row ">
                  <!-- <div class="logo col-md-3 col-sm-12"> -->
      
                  <!-- </div> -->
                  <!-- <div class="col-md-6 col-sm-12"> -->
                  <div class="nav-section">
      
                     <nav class="navbar navbar-expand-md">
                        <div class="container-fluid">
                           <div class="nav-logo"><img src="assets/img/logo.png" alt=""></div>
                           <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas"
                              data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar">
                              <span class="navbar-toggler-icon"></span>
                           </button>
                           <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar"
                              aria-labelledby="offcanvasNavbarLabel">
                              <div class="offcanvas-header">
                                 <h5 class="offcanvas-title" id="offcanvasNavbarLabel"><img src="assets/img/logo.png" alt="">
                                 </h5>
                                 <button type="button" class="btn-close" data-bs-dismiss="offcanvas"
                                    aria-label="Close"></button>
                              </div>
                              <div class="offcanvas-body">
                                 <ul id="navitems" class="navbar-nav justify-content-center flex-grow-1 pe-3">
                                    <li class="nav-item">
                                       <a class="nav-link active" aria-current="page" href="./index.html">Home</a>
                                    </li>
                                    <li class="nav-item dropdown">
                                       <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
                                          aria-expanded="true">
                                          Pages
                                       </a>
                                       <ul class="dropdown-menu">
                                          <li><a class="dropdown-item" href="#">Action</a></li>
                                          <li><a class="dropdown-item" href="#">Another action</a></li>
                                          <li>
                                             <hr class="dropdown-divider">
                                          </li>
                                          <li><a class="dropdown-item" href="#">Something else here</a></li>
                                       </ul>
                                    </li>
                                    <li class="nav-item">
                                       <a class="nav-link" href="./work.html">How It Works</a>
                                    </li>
                                    <li class="nav-item">
                                       <a class="nav-link" href="./guide.html">Guide</a>
                                    </li>
                                    <li class="nav-item">
                                       <a class="nav-link" href="./shotcode.html">Shotcode</a>
                                    </li>
                                    <li class="nav-item">
                                       <a class="nav-link" href="./contact.html">Contact</a>
                                    </li>
      
                                 </ul>
      
                              </div>
                           </div>
                           <div class="btn-area d-flex">
                              <div class="nav-btn btn1">
                                 <a class="btn-bg1 "><span class="fa-solid fa-vector-square"></span> widgets</a>
                              </div>
                              <div class="nav-btn btn2">
                                 <a class="btn-bg2 "><span class="fa-solid fa-bitcoin-sign"></span> earn coin</a>
                              </div>
                           </div>
      
                        </div>
                     </nav>
                  </div>
                  <!-- </div>  -->
                  <!-- <div class="right-btn col-md-3 col-sm-12"> -->
      
      
                  <!-- </div> -->
               </div>
            </div>

             <div>
               <h1 style="text-align: center; padding-top: 70px; color: goldenrod; text-transform: uppercase;">Contact With Us <span style="font-size: 30px !important; color: white !important; font-weight: 700;">From</span> Any Where</h1>
             </div>
            </div>
         </div>
        </div> <!--top-div-->
        
         
         <div class="contact-section-body row">
            <div class="col-md-8 col-sm-12 img">
                
            </div>
            <div class="contact-card col-md-4 col-sm-12">
                <h1>Contact Us</h1>
                <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Amet obcaecati consequatur, veritatis impedit asperiores distinctio at cumque eaque exercitationem quidem ducimus ea fugiat blanditiis, molestias voluptatibus aspernatur suscipit? Soluta, consequuntur.</p>

                <div class="connect-us">
                    <button class="contact-btn">Call Us</button>
                    <button class="contact-btn">Send Message</button>
                </div>
                <div class="social-icon-links">
                    <ul>
                        <li><a href="https://twitter.com/"><i class="fa-brands fa-twitter" title="twitter"></i></a></li>
                        <li><a href="https://www.facebook.com/cse.md.mahmudul.h/"><i class="fa-brands fa-facebook-f" title="Facebook"></i></a></li>
                        <li><a href="https://www.linkedin.com/in/mahmudul607/"><i class="fa-brands fa-linkedin-in" title="Linkedin"></i></a></li>
                    </ul>
                </div>
            </div>
         </div>
     <!--Subscribe section-->
     <div class="subscribe-section">
      <div class="container">
         <div class="row subscribe-area">
            <div class="subscribe-title col-md-3 col-sm-12">
               <h3>Subscribe to our</h3>
               <h1>NEWSLETTER</h1>
            </div>
            <div class="given-data col-md-9 col-sm-12 ">
               <form action="" class="frm">
                  <input type="email" class="input-box" placeholder="Enter your Email to get latest update from us"
                     style="text-align: center;">
                  <input type="submit" id="btn-all" class="btn-bg1 btn">
               </form>
            </div>


         </div>
      </div>
   </div>
   <!--End Subscribe Section-->
   <!--Start footer section-->
   <div class="foter-section">
      <div class="container">
         <div class="row">

            <div class="col-md-4 col-sm-12 left-section">
               <div><img src="assets/img/logo.png" alt=""></div>
               <p>Bitcoin is a new method to deal with money. One of the most important inventions in the entire
                  history of evolution from barter trading to the present. Send and receive money from anywhere to
                  anyone.
                  <span>The dawn of a new world that is free, better and more transparent without restriction!</span>
               </p>
               <h3>Stay Connected</h3>
               <div class="social-link">
                  <ul>
                     <li><i class="fa-brands fa-twitter" title="twitter"></i></li>
                     <li><i class="fa-brands fa-facebook-f" title="Facebook"></i></li>
                     <li><i class="fa-brands fa-google-plus-g"></i></li>
                     <li><i class="fa-brands fa-linkedin-in" title="Linkedin"></i></li>
                  </ul>
               </div>
            </div>
            <div class="col-md-5 col-sm-12 recent-post">
               <h3>Recent Post</h3>
               <ul>
                  <li>
                     <a href="">Exchange rate of BitCoin</a>
                     <p>June 10, 2022</p>
                  </li>
                  <li>
                     <a href="">Fluctuating fortunes of BitCoin</a>
                     <p>July 15, 2022</p>
                  </li>
                  <li>
                     <a href="">New world wide payment system</a>
                     <p>July 28, 2022</p>
                  </li>
                  <li>
                     <a href="">Balance of payment affects BitCoin?</a>
                     <p>August 5, 2022</p>
                  </li>
               </ul>
            </div>
            <div class="col-md-3 col-sm-12 quick-links">
               <h3>Quick Links</h3>
               <ul>
                  <li><a href="">Home</a></li>
                  <li><a href="">About Us</a></li>
                  <li><a href="">Projects</a></li>
                  <li><a href="">Careers</a></li>
                  <li><a href="">Services</a></li>
                  <li><a href="">Contact</a></li>
               </ul>
               <p>@ 2022 BitCoin. All rights reserved</p>
            </div>
         </div>
         <div class="row disclaimer">
            <h2>Disclaimer</h2>
            <p><small>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sagittis nisl porttitor,
                  eleifend tortor sed, auctor libero. Proin quis purus eu mi fermentum blandit. Nam eget nisi ipsum.
                  Nullam vitae nunc ac eros pellentesque eget augue. Mauris posuere, diam ut pharetra semper, neque
                  lorem hendrerit arcu, at malesuada lorem nisl et neque.Lorem ipsum dolor sit amet, consectetur
                  adipiscing elit. Donec sagittis nisl porttitor, eleifend tortor sed, auctor libero. Proin quis
                  purus eu mi fermentum blandit. Nam eget nisi ipsum. Nullam vitae nunc ac eros pellentesque eget
                  augue. Mauris posuere, diam ut pharetra semper, neque lorem hendrerit arcu, at malesuada lorem nisl
                  et neque.</small></p>
         </div>
      </div>
      <div class="row marquee-row">
         <marquee behavior="scroll" direction="left" loop="never"> LTC: ¥ 569.90 <span>(-0.27 %)</span>
            LTC: £ 68.51 <span>(4.70 %)</span>
            DASH: ₹ 3,911.55 <span>(4.92 %)</span>
            DASH: $ 47.58 <span>(3.80 %)</span>
            DASH: € 44.22 <span>(3.51 %)</span>
            DASH: ¥ 323.89 <span>(-1.66 %)</span>
            DASH: £ 39.16 <span>(3.74 %)</span> </marquee>
      </div>
   </div>

   <!--End footer section-->

    </div>

     <!-- google map script -->

   <!-- Jquery linked -->
   <script src="assets/vendors/vjs/jquery.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>

   <!-- waypoints -->
   <script src="assets/vendors/vjs/jquery.waypoints.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
   <!-- Counter up -->
   <!-- <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script> -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0.0/jquery.counterup.min.js"></script>
   <!--Animation Aos  -->
   <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
   <!-- Bootstrap -->
   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.min.js"></script>

   <!-- Carousel Plug in js Linked -->
   <script src="assets/vendors/vjs/owl.carousel.min.js"></script>

   <!-- Aos Animation js linked -->
   <script>

   </script>
   <!-- Main Js Linked -->
   <script src="assets/js/main-script.js"></script>
</body>
</html>