<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="GG扑克的发牌乐趣尽显。发牌方式的多样性、发牌的策略性、发牌的速度与技巧、发牌的仪式感、发牌的趣味性、发牌的技术要求、发牌的历史渊源以及发牌的社交性等方面都为玩家们带来了丰富多彩的游戏体验。">
    <!-- site title -->
    <title>GG扑克-GGPOKER官网-GG扑克下载</title>
    <!-- site favicon -->
    
    <!-- bootstrap css -->
    <link rel="stylesheet" href="static/css/bootstrap.min.css">
     <!-- slick css -->
    <link rel="stylesheet" href="static/css/slick.css">
     <!-- icofont css -->
    <link rel="stylesheet" href="static/css/icofont.min.css">
    <!-- mean menu css -->
    <link rel="stylesheet" href="static/css/meanmenu.min.css">
    <!-- veno box css -->
    <link rel="stylesheet" href="static/css/venobox.min.css">
    <!-- animate css -->
    <link rel="stylesheet" href="static/css/animate.min.css">
     <!-- main css -->
    <link rel="stylesheet" href="static/css/style.css">
    <!-- responsive css -->
    <link rel="stylesheet" href="static/css/responsive.css">
</head>
<body>

    <!-- main menu area start -->
    <section class="main_menu_area" style="background-image: url(static/image/qr_menubg.jpg);">
        <div class="container-full">
            <div class="row main_menu_all_item">
                <!-- site logo area -->
                <div class="col-lg-3">
                    <div class="site_logo_area">
                        <a class="main_logo" href=""><img src="static/picture/logo-1.png" alt="qrigin"></a>
                        <a class="sticky_logo" href=""><img src="static/picture/logo-1.png" alt="qrigin"></a>
                    </div>
                </div>
                <!-- main nav area -->
                <div class="col-lg-9">
                    <div class="main_nav_area">
                        <!-- inner main nav area -->
                        <div class="inner_main_nav_area">
                            <ul>
                                <li><a href="#">首页<i class="icofont-thin-down"></i></a>
                                    <ul class="sub_menu">
                                        <li><a href="">首页</a></li>
                                        <li><a href="landing_page.html">Home-Landing</a></li>
                                        <li><a href="video_page.html">Home-Video</a></li>
                                    </ul>
                                </li>
                                <li><a href="about.html">活动</a></li>
                                <li><a href="service.html">赛事</a></li>
                                <li><a href="#">教学<i class="icofont-thin-down"></i></a>
                                    <ul class="sub_menu">
                                        <li><a href="team.html">教学</a></li>
                                        <li><a href="#">Portfolio<i class="icofont-thin-down"></i></a>
                                            <ul class="sub_menu">
                                                <li><a href="portfolio-2column.html">Portfolio 2Column</a></li>
                                                <li><a href="portfolio-3column.html">Portfolio 3Column</a></li>
                                                <li><a href="portfolio-4column.html">Portfolio 4Column</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="testimonial.html">Testimonial</a></li>
                                        <li><a href="faq.html">Faq</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">充值<i class="icofont-thin-down"></i></a>
                                    <ul class="sub_menu">
                                        <li><a href="blogleft-sidebar.html">Blog Left Sidebar</a></li>
                                        <li><a href="blog-left2column.html">Blog Left 2Column</a></li>
                                        <li><a href="blogright-sidebar.html">Blog Right Sidebar</a></li>
                                        <li><a href="blog-right2column.html">Blog Right 2Column</a></li>
                                    </ul>
                                </li>
                                <li><a href="contact.html">联系我们</a></li>
                            </ul>
                        </div>
                        <div class="qrigin_right_area">
                            <div class="menu_right_socail">
                                <a href="#"><i class="icofont-facebook"></i></a>
                                <a href="#"><i class="icofont-x"></i></a>
                                <a href="#"><i class="icofont-instagram"></i></a>
                            </div>
                            <div class="main_nav_btn">
                                <a href="contact.html">下载GG扑克</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- main menu area end -->

    <!-- mobile menu -->
    <div class="mobile_logo_area">
        <div class="container">
           <div class="row">
              <div class="col-12">
                 <div class="mobilemenu_con">
                    <div class="mobile_menu_logo text-center">
                       <a href="" title="qrigin">
                       <img src="static/picture/logo-1.png" alt="qrigin">
                       </a>
                    </div>
                    <div class="mobile_menu_option">
                       <div class="mobile_menu_o mobile_opicon">
                          <i class="icofont-navigation-menu openclass"></i>
                       </div>
                       <div class="mobile_menu_inner mobile_p">
                          <div class="mobile_menu_content">
                             <div class="mobile_menu_logo text-center">
                                <a href="" title="qrigin">
                                <img src="static/picture/logo-1.png" alt="qrigin">
                                </a>
                             </div>
                             <div class="menu_area mobile-menu">
                                <nav class="medeno_menu">
                                   <ul class="sub-menu">
                                      <li class="menu-item-has-children">
                                         <a href="#">Home</a>
                                         <ul class="sub-menu">
                                            <li><a href="">Home Main</a></li>
                                            <li><a href="landing_page.html">Home-Landing</a></li>
                                            <li><a href="video_page.html">Home-Video</a></li>
                                         </ul>
                                      </li>
                                      <li><a href="about.html">About</a></li>
                                      <li><a href="service.html">Service</a></li>
                                      <li class="menu-item-has-children"><a href="#">Pages</a>
                                        <ul class="sub-menu">
                                            <li><a href="team.html">Team</a></li>
                                            <li class="menu-item-has-children"><a href="#">Portfolio</a>
                                                <ul class="sub-menu">
                                                    <li><a href="portfolio-2column.html">Portfolio 2Column</a></li>
                                                    <li><a href="portfolio-3column.html">Portfolio 3Column</a></li>
                                                    <li><a href="portfolio-4column.html">Portfolio 4Column</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="testimonial.html">Testimonial</a></li>
                                            <li><a href="faq.html">Faq</a></li>
                                        </ul>
                                    </li>
                                      <li class="menu-item-has-children">
                                        <a href="#">Blogs</a>
                                        <ul class="sub-menu">
                                            <li><a href="blogleft-sidebar.html">Blog Left Sidebar</a></li>
                                            <li><a href="blog-left2column.html">Blog Left 2Column</a></li>
                                            <li><a href="blogright-sidebar.html">Blog Right Sidebar</a></li>
                                            <li><a href="blog-right2column.html">Blog Right 2Column</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="contact.html">Contact</a></li>
                                   </ul>
                                </nav>
                             </div>
                             <div class="mobile_menu_o mobile_cicon">
                                <i class="icofont-close closeclass"></i>
                             </div>
                          </div>
                       </div>
                       <div class="mobile_overlay"></div>
                    </div>
                 </div>
              </div>
           </div>
        </div>
     </div>
     <!-- End Mobile Menu -->

    <!-- slider area start -->
    <section class="slider_area">
        <div class="slider_active">
            <div class="inner_slider_area" style="background-image: url(static/image/qr-slider.jpg);">
                <!-- inner slider content -->
                <div class="inner_slider_content animate__animated animate__fadeInLeft " data-wow-duration="2s">
                    <h2>GG扑克<span class="highlight">游戏</span>
                        <span class="highlight"> E</span>方式非常多样<span class="highlight">.</span></h2>
                        <p>GG扑克中也具有一定的策略性。玩家可以通过观察其他玩家的表情和行为来判断他们手中的牌的强弱，从而做出更明智的决策。玩家也可以通过控制自己的表情和行为来迷惑其他玩家，让他们无法准确判断自己手中的牌的实力。这种心理战术的运用使得发牌过程更加有趣和具有挑战性。</p>
                    <div class="qbtn">
                        <a href="about.html">手机下载</a>
                        <a class="active" href="contact.html">电脑下载</a>
                    </div>
                </div>
            </div>
            <div class="inner_slider_area" style="background-image: url(static/image/qr-slider2.jpg);">
                <!-- inner slider content -->
                <div class="inner_slider_content animate__animated animate__fadeInLeft " data-wow-duration="2s">
                    <h2>GG扑克<span class="highlight">游戏</span>
                        our<span class="highlight"> </span>方式非常多样<span class="highlight">.</span></h2>
                        <p>GG扑克中也具有一定的策略性。玩家可以通过观察其他玩家的表情和行为来判断他们手中的牌的强弱，从而做出更明智的决策。玩家也可以通过控制自己的表情和行为来迷惑其他玩家，让他们无法准确判断自己手中的牌的实力。这种心理战术的运用使得发牌过程更加有趣和具有挑战性。</p>
                        <div class="qbtn">
                            <a href="about.html">手机下载</a>
                            <a class="active" href="contact.html">电脑下载</a>
                        </div>
                </div>
            </div>
        </div>
    </section>
    <!-- slider area  end -->

    <!-- feature area start -->
    <section class="feature_area wow animate__animated animate__fadeInUp " data-wow-duration="2s">
        <div class="container feature_width">
            <div class="row feature_active">
                <!-- inner feature area 1-->
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="inner_feature_area text-center">
                        <img src="static/picture/animals.png" alt="fimg">
                        <h2><a href="#">德州扑克</a></h2>
                    </div>
                </div>
                <!-- inner feature area 2-->
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="inner_feature_area text-center">
                        <img src="static/picture/eco.png" alt="fimg">
                        <h2><a href="#">奥马哈</a></h2>
                    </div>
                </div>
                <!-- inner feature area 3-->
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="inner_feature_area text-center">
                        <img src="static/picture/recycle-bin.png" alt="fimg">
                        <h2><a href="#">锦标赛</a></h2>
                    </div>
                </div>
                <!-- inner feature area 4-->
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="inner_feature_area text-center">
                        <img src="static/picture/water.png" alt="fimg">
                        <h2><a href="#">大逃杀</a></h2>
                    </div>
                </div>
                <!-- inner feature area 4-->
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="inner_feature_area text-center">
                        <img src="static/picture/solar.png" alt="fimg">
                        <h2><a href="#">短牌6</a></h2>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- feature area end -->
    
    <div class="about_bg" style="background-image: url(static/image/about-us-background-image.png);">
    <!-- about area start -->
    <section class="about_area wow animate__animated animate__fadeInUp " data-wow-duration="2s">
        <div class="container">
            <div class="row">
                <!-- inner about text -->
                <div class="col-lg-6 col-md-6 col-sm-12">
                    <div class="inner_about_area">
                        <div class="section_title_area">
                            <h2>一起享受GG扑克带来的乐趣吧</h2>
                            <h3>多种游戏模式</span></h3>
                            <p>GG扑克安卓版提供了多种游戏模式，让玩家可以根据自己的喜好选择。其中包括经典模式、比赛模式、锦标赛模式等。经典模式是最基础的玩法，玩家可以与其他玩家进行实时对战。比赛模式则是通过参加比赛来获得更高的排名和奖励。而锦标赛模式则是更具挑战性的模式，玩家需要在一定时间内尽可能多地赢取。 </p>
                        </div>
                        <div class="inner_about_content">
                            <h2>公平公正的环境</h2>
                            <p>GG扑克拥有智能匹配系统，能够根据玩家的实力和经验进行合理的匹配。这样一来，无论你是新手还是高手，都能够找到与自己水平相当的对手，保证游戏的公平性和竞争性。</p>
                        </div>
                        <div class="inner_about_content">
                            <h2>丰富的奖励系统</h2>
                            <p>GG扑克设有丰富的奖励系统，玩家可以通过参加比赛、完成任务、连续登录等方式获得奖励。这些奖励可以用来购买道具或者提升自己的游戏等级，增加游戏的乐趣和挑战性。</p>
                        </div>
                        <div class="qbtn">
                            <a href="about.html">立刻下载</a>
                        </div>
                    </div>
                </div>
                 <!-- inner about img -->
                 <div class="col-lg-6 col-md-6 col-sm-12">
                    <div class="inner_about_img">
                        <img src="static/picture/about-us.png" alt="aboutimg">
                    </div>
                </div>
            </div>
        </div>
    </section>
     <!-- about area end -->

     <!-- service area start -->
    <section class="service_area wow animate__animated animate__fadeInUp " data-wow-duration="2s">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-12">
                    <div class="section_title_area">
                        <h2>TIME SPENT AMONG TREES IS NEVER TIME WASTED.</h2>
                        <h3>Try to leave the Earth a <span class="highlight">better place</span> than when you arrived by maintance.</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua duskam. Quis ipsum suspendisse ultrices gravida not very much for every time sed do eiusmod tempor incididunt ut labore et dolore magna aliqua duskam.</p>
                    </div>
                </div>
                <!-- single service area 1 -->
                <div class="col-lg-3 col-md-6 col-sm-12">
                    <div class="single_service_area">
                        <img src="static/picture/qr_service.png" alt="simg">
                        <h4>GREEN HOUSE</h4>
                        <p>Nature is the mother and the habitat of man, even if some times a stepmother and an unfriendly home of man, even if some.</p>
                        <div class="ser_btn text-end">
                            <a href="#"><i class="icofont-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
                <!-- single service area 2 -->
                <div class="col-lg-3 col-md-6 col-sm-12">
                    <div class="single_service_area">
                        <img src="static/picture/qr_service2.png" alt="simg">
                        <h4>SOLAR PANNEL</h4>
                        <p>Nature is the mother and the habitat of man, even if some times a stepmother and an unfriendly home of man, even if some.</p>
                        <div class="ser_btn text-end">
                            <a href="#"><i class="icofont-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
                <!-- single service area 3 -->
                <div class="col-lg-3 col-md-6 col-sm-12">
                    <div class="single_service_area">
                        <img src="static/picture/qr_service3.png" alt="simg">
                        <h4>RECYCLING</h4>
                        <p>Nature is the mother and the habitat of man, even if some times a stepmother and an unfriendly home of man, even if some.</p>
                        <div class="ser_btn text-end">
                            <a href="#"><i class="icofont-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
                <!-- single service area 2 -->
                <div class="col-lg-3 col-md-6 col-sm-12">
                    <div class="single_service_area">
                        <img src="static/picture/qr_service4.png" alt="simg">
                        <h4>EARTH CARE</h4>
                        <p>Nature is the mother and the habitat of man, even if some times a stepmother and an unfriendly home of man, even if some.</p>
                        <div class="ser_btn text-end">
                            <a href="#"><i class="icofont-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
                <!-- single service area 2 -->
                <div class="col-lg-3 col-md-6 col-sm-12">
                    <div class="single_service_area">
                        <img src="static/picture/qr_service5.png" alt="simg">
                        <h4>FOREST PROTECTION</h4>
                        <p>Nature is the mother and the habitat of man, even if some times a stepmother and an unfriendly home of man, even if some.</p>
                        <div class="ser_btn text-end">
                            <a href="#"><i class="icofont-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
                <!-- single service area 2 -->
                <div class="col-lg-3 col-md-6 col-sm-12">
                    <div class="single_service_area">
                        <img src="static/picture/qr_service6.png" alt="simg">
                        <h4>WILDLIFE CARE</h4>
                        <p>Nature is the mother and the habitat of man, even if some times a stepmother and an unfriendly home of man, even if some.</p>
                        <div class="ser_btn text-end">
                            <a href="#"><i class="icofont-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
     <!-- service area end -->
    </div>

    <!-- video area start -->
    <section class="video_area wow animate__animated animate__fadeInUp " data-wow-duration="2s">
        <div class="slider_active">
            <div class="inner_video_area text-center" style="background-image: url(static/image/qr-video.jpg);">
                <a class="my-video-links" data-autoplay="true" data-vbtype="video" href="#"><i class="icofont-ui-play"></i></a>
            </div>
            <div class="inner_video_area text-center" style="background-image: url(static/image/qr-video2.jpg);">
                <a class="my-video-links" data-autoplay="true" data-vbtype="video" href="#"><i class="icofont-ui-play"></i></a>
            </div>
        </div>
    </section>
    <!-- video area end -->

    <div class="coun_faq_pro_form_bg" style="background-image: url(static/image/bodyshap.jpg);">
      <!-- counter area start -->
    <section class="counter_area wow animate__animated animate__fadeInUp " data-wow-duration="2s">
        <div class="container counter_bg">
            <div class="row">
                <!-- inner counter area 1 -->
                <div class="col-lg-3 col-md-6 col-sm-12">
                    <div class="inner_counter_area text-center">
                        <div class="inner_counter_sub_cont">
                            <h3 class="counter">270</h3>
                            <h4>+</h4>
                        </div>
                        <h2>DONE CLIENT PROJECT </h2>
                    </div>
                </div>
                <!-- inner counter area 2 -->
                <div class="col-lg-3 col-md-6 col-sm-12">
                    <div class="inner_counter_area text-center">
                        <div class="inner_counter_sub_cont">
                            <h3 class="counter">67</h3>
                            <h4>+</h4>
                        </div>
                        <h2>GLOBAL PRESENCE</h2>
                    </div>
                </div>
                <!-- inner counter area 3 -->
                <div class="col-lg-3 col-md-6 col-sm-12">
                    <div class="inner_counter_area text-center">
                        <div class="inner_counter_sub_cont">
                            <h3 class="counter">252</h3>
                            <h4>K</h4>
                        </div>
                        <h2>CUSTOMER SATISFIED </h2>
                    </div>
                </div>
                <!-- inner counter area 4 -->
                <div class="col-lg-3 col-md-6 col-sm-12">
                    <div class="inner_counter_area style2_counter text-center">
                        <div class="inner_counter_sub_cont">
                            <h3 class="counter">72</h3>
                            <h4>+</h4>
                        </div>
                        <h2>THE RECOGNITIONS</h2>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- counter area end -->

   <!-- faq area start  -->
   <section class="faq_area wow animate__animated animate__fadeInUp " data-wow-duration="2s">
    <div class="container">
        <div class="row">
            <!-- inner faq img -->
            <div class="col-lg-6 col-md-6 col-sm-12">
                <div class="section_title_area">
                    <h2>THE ENVIRONMENT IS EVERYTHING THAT ISN'T ME.</h2>
                    <h3>Thank God men <span class="highlight">cannot fly,</span> and lay waste the sky as well as the earth.
                    </h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua duskam. Quis ipsum suspendisse ultrices gravida not very much for every time sed do eiusmod tempor incididunt ut labore et dolore magna aliqua duskam.</p>
                    <div class="qbtn">
                        <a href="about.html">Know More</a>
                    </div>
                </div>
            </div>
            <!-- inner faq area -->
            <div class="col-lg-6 col-md-6 col-sm-12">
                <div class="inner_faq_area">
                    <div class="accordion" id="accordionExample">
                        <div class="accordion-item">
                          <h2 class="accordion-header" id="headingOne">
                            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                How do i became a vollunteer of orgin?			
                            </button>
                          </h2>
                          <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                            <div class="accordion-body">
                                Arguably the most important aspect of managing volunteers happy is to show them respec. I want to become a volunteer because this is a cause I am very passionate
                            </div>
                          </div>
                        </div>
                        <div class="accordion-item">
                          <h2 class="accordion-header" id="headingTwo">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                Is volunteers do not necessarily have the time?
                            </button>
                          </h2>
                          <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
                            <div class="accordion-body">
                                Arguably the most important aspect of managing volunteers happy is to show them respec. I want to become a volunteer because this is a cause I am very passionate
                            </div>
                          </div>
                        </div>
                        <div class="accordion-item">
                          <h2 class="accordion-header" id="headingThree">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                What should I say when volunteering?
                            </button>
                          </h2>
                          <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
                            <div class="accordion-body">
                                Arguably the most important aspect of managing volunteers happy is to show them respec. I want to become a volunteer because this is a cause I am very passionate
                            </div>
                          </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="headingFour">
                              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                                How do I motivate the others to volunteer?
                              </button>
                            </h2>
                            <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#accordionExample">
                              <div class="accordion-body">
                                Arguably the most important aspect of managing volunteers happy is to show them respec. I want to become a volunteer because this is a cause I am very passionate
                              </div>
                            </div>
                          </div>
                          <div class="accordion-item">
                            <h2 class="accordion-header" id="headingFive">
                              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
                                How do you write a volunteer speech?
                              </button>
                            </h2>
                            <div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive" data-bs-parent="#accordionExample">
                              <div class="accordion-body">
                                Arguably the most important aspect of managing volunteers happy is to show them respec. I want to become a volunteer because this is a cause I am very passionate
                              </div>
                            </div>
                          </div>
                      </div>
                  </div>
            </div>
        </div>
    </div>
</section>
<!-- faq area end  -->

    <!-- project area start -->
    <section class="project_area wow animate__animated animate__fadeInUp " data-wow-duration="2s">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="section_title_area text-center">
                        <h3>What is our <span class="highlight">running projects</span></h3>
                        <p style="margin: auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas. Lorem ipsum dolor sit amet,</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <!-- inner project area -->
                <div class="col-lg-3 col-md-6 col-sm-12">
                    <div class="inner_project_area">
                        <div class="inner_project_img">
                            <img src="static/picture/Project.jpg" alt="projectimg">
                        </div>
                        <div class="project_overlay"></div>
                        <div class="project_content">
                            <p>Eco System </p>
                            <h2><a href="#">Time spent with trees is never time wasted.</a></h2>
                        </div>
                    </div>
                </div>
                <!-- inner project area -->
                <div class="col-lg-3 col-md-6 col-sm-12">
                    <div class="inner_project_area">
                        <div class="inner_project_img">
                            <img src="static/picture/Project2.jpg" alt="projectimg">
                        </div>
                        <div class="project_overlay"></div>
                        <div class="project_content">
                            <p>World Environment</p>
                            <h2><a href="#">The Earth is what we all have in common</a></h2>
                        </div>
                    </div>
                </div>
                <!-- inner project area -->
                <div class="col-lg-3 col-md-6 col-sm-12">
                    <div class="inner_project_area">
                        <div class="inner_project_img">
                            <img src="static/picture/Project3.jpg" alt="projectimg">
                        </div>
                        <div class="project_overlay"></div>
                        <div class="project_content">
                            <p>Planet Animal</p>
                            <h2><a href="#">An animal's eyes have the power to speak a</a></h2>
                        </div>
                    </div>
                </div>
                <!-- inner project area -->
                <div class="col-lg-3 col-md-6 col-sm-12">
                    <div class="inner_project_area">
                        <div class="inner_project_img">
                            <img src="static/picture/Project4.jpg" alt="projectimg">
                        </div>
                        <div class="project_overlay"></div>
                        <div class="project_content">
                            <p>Water Recycling</p>
                            <h2><a href="#">If there is magic on this planet, it is contained</a></h2>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- project area end -->

    <!-- contact area start -->
    <section class="contact_area wow animate__animated animate__fadeInUp " data-wow-duration="2s">
        <div class="container contact_bg">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="section_title_area text-center">
                        <h3>Became A Volunteer </h3>
                        <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout it’s not for all time. It is a long established fact that a reader will be distracted</p>
                    </div>
                </div>
            </div>
            <form action="mail.php" method="post" id="contact-form">
                <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-12">
                        <div class="inner_contact_form">
                            <input type="text" name="name" placeholder="Name">
                        </div>
                    </div>
                    <!-- inner contact form -->
                    <div class="col-lg-6 col-md-6 col-sm-12">
                        <div class="inner_contact_form">
                            <input type="email" name="email" placeholder="Email">
                        </div>
                    </div>
                    <!-- inner contact form -->
                    <div class="col-lg-6 col-md-6 col-sm-12">
                        <div class="inner_contact_form">
                            <input type="number" name="number" placeholder="Phone">
                        </div>
                    </div>
                      <!-- inner contact form -->
                      <div class="col-lg-6 col-md-6 col-sm-12">
                        <div class="inner_contact_form">
                            <input type="text" name="subject" placeholder="Subject">
                        </div>
                    </div>
                    <!-- inner contact form -->
                    <div class="col-lg-12 col-md-12 col-sm-12">
                        <div class="inner_contact_form">
                            <textarea cols="40" rows="5" name="comment" placeholder="Text Massage"></textarea>
                        </div>
                    </div>
                    <!-- inner contact btn -->
                    <div class="col-lg-12 col-md-12 col-sm-12">
                        <div class="inner_contact_btn text-center">
                            <button type="submit">Submit Request</button>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12 text-left">
                        <p class="form-messege"></p>
                    </div>
                </div>
            </form>
        </div>
    </section>
    <!-- contact area end -->
</div>


<div class="test_bg" style="background-image: url(static/image/contact-and-testibg.jpg);">
    <!-- testimonial area start -->
    <section class="testimonial_area wow animate__animated animate__fadeInUp " data-wow-duration="2s">
        <div class="container">
            <div class="row test_active">
                <!-- inner testimonial area -->
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="inner_testimonial_area text-center">
                        <!-- inner testimonial content -->
                        <div class="inner_testimonial_content">
                            <p>Theme every drop of water you drink, every breath you take, you're connected to the sea. No matter where on Earth you live. Most of the oxygen in the atmosphere is generated by the sea No matter where water you drink on. </p>
                        </div>
                        <div class="inner_test_subcont">
                            <h3>Arif Islam -<span> CEO of Dexpos Agency </span></h3>
                        </div>
                    </div>
                </div>
                <!-- inner testimonial area -->
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="inner_testimonial_area text-center">
                        <!-- inner testimonial content -->
                        <div class="inner_testimonial_content">
                            <p>Theme every drop of water you drink, every breath you take, you're connected to the sea. No matter where on Earth you live. Most of the oxygen in the atmosphere is generated by the sea No matter where on water you drink. </p>
                        </div>
                        <div class="inner_test_subcont">
                            <h3>Sumon Islam -<span> Manager</span></h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- testimonial area end -->
</div>

      <!-- blog area  start -->
      <section class="blog_area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="section_title_area text-center">
                        <h3>Our latest <span class="highlight">news</span> </h3>
                        <p style="margin: auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas. Lorem ipsum dolor sit amet aliqua. Quis ipsum suspendisse ultrices gravida.,</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row blog_active">
                <!-- inner blog area -->
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="inner_blog_area">
                        <!-- inner blog thumb -->
                        <div class="inner_blog_thumb">
                            <div class="inner_blog_img">
                                <img src="static/picture/qr_blog.jpg" alt="bimg">
                            </div>
                            <!-- inner blog aboutsolute text -->
                            <div class="inner_blog_absolute">
                                <p> <i class="icofont-wall-clock"></i>22 05, 2024</p>
                            </div>
                            <!-- blog overlay -->
                            <div class="blog_overlay"></div>
                        </div>
                        <div class="blog_all_main">
                            <!-- inner blog text -->
                            <div class="inner_blog_text">
                                <span><a href="#"><i class="icofont-user-male"></i> Qrigin</a></span>
                                <span><i class="icofont-comment"></i>0</span>
                            </div>
                            <!-- inner blog content -->
                            <div class="inner_blog_content">
                                <h2><a href="single-blog.html">The most environmentally friendly product is the one you didn’t buy.</a></h2>
                            </div>
                            <div class="inner_blog_btn">
                                <a href="#">Read More<i class="icofont-thin-double-right"></i> </a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- inner blog area -->
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="inner_blog_area">
                        <!-- inner blog thumb -->
                        <div class="inner_blog_thumb">
                            <div class="inner_blog_img">
                                <img src="static/picture/qr_blog2.jpg" alt="bimg">
                            </div>
                              <!-- inner blog aboutsolute text -->
                            <div class="inner_blog_absolute">
                                <p> <i class="icofont-wall-clock"></i>22 05, 2024</p>
                            </div>
                            <!-- blog overlay -->
                            <div class="blog_overlay"></div>
                        </div>
                        <div class="blog_all_main">
                            <!-- inner blog text -->
                            <div class="inner_blog_text">
                                <span><a href="#"><i class="icofont-user-male"></i> Qrigin</a></span>
                                <span><i class="icofont-comment"></i>0</span>
                            </div>
                            <!-- inner blog content -->
                            <div class="inner_blog_content">
                                <h2><a href="single-blog.html">We are on Earth to  product is the take care of life. We are on Earth to	</a></h2>
                            </div>
                            <div class="inner_blog_btn">
                                <a href="#">Read More<i class="icofont-thin-double-right"></i> </a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- inner blog area -->
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="inner_blog_area">
                        <!-- inner blog thumb -->
                        <div class="inner_blog_thumb">
                            <div class="inner_blog_img">
                                <img src="static/picture/qr_blog3.jpg" alt="bimg">
                            </div>
                              <!-- inner blog aboutsolute text -->
                            <div class="inner_blog_absolute">
                                <p> <i class="icofont-wall-clock"></i>22 05, 2024</p>
                            </div>
                            <!-- blog overlay -->
                            <div class="blog_overlay"></div>
                        </div>
                        <div class="blog_all_main">
                            <!-- inner blog text -->
                            <div class="inner_blog_text">
                                <span><a href="#"><i class="icofont-user-male"></i> Qrigin</a></span>
                                <span><i class="icofont-comment"></i>0</span>
                            </div>
                            <!-- inner blog content -->
                            <div class="inner_blog_content">
                                <h2><a href="single-blog.html">Try to leave the Earth a better place than when you arrived drinking.	</a></h2>
                            </div>
                            <div class="inner_blog_btn">
                                <a href="#">Read More<i class="icofont-thin-double-right"></i> </a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- inner blog area -->
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="inner_blog_area">
                        <!-- inner blog thumb -->
                        <div class="inner_blog_thumb">
                            <div class="inner_blog_img">
                                <img src="static/picture/qr_blog4.jpg" alt="bimg">
                            </div>
                              <!-- inner blog aboutsolute text -->
                            <div class="inner_blog_absolute">
                                <p> <i class="icofont-wall-clock"></i>22 05, 2024</p>
                            </div>
                            <!-- blog overlay -->
                            <div class="blog_overlay"></div>
                        </div>
                        <div class="blog_all_main">
                            <!-- inner blog text -->
                            <div class="inner_blog_text">
                                <span><a href="#"><i class="icofont-user-male"></i> Qrigin</a></span>
                                <span><i class="icofont-comment"></i>0</span>
                            </div>
                            <!-- inner blog content -->
                            <div class="inner_blog_content">
                                <h2><a href="single-blog.html">By polluting clear water with slime you will never find good drinking water.</a></h2>
                            </div>
                            <div class="inner_blog_btn">
                                <a href="#">Read More<i class="icofont-thin-double-right"></i> </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- blog area  end  -->

     <!-- brand area start -->
     <section class="brand_area">
        <div class="container">
            <div class="row brand_active">
                <!-- inner brand area 1 -->
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="inner_brand_area">
                        <img src="static/picture/qr-brand.png" alt="brandimg">
                    </div>
                </div>
                <!-- inner brand area 2 -->
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="inner_brand_area">
                        <img src="static/picture/qr-brand2.png" alt="brandimg">
                    </div>
                </div>
                <!-- inner brand area 3 -->
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="inner_brand_area">
                        <img src="static/picture/qr-brand3.png" alt="brandimg">
                    </div>
                </div>
                <!-- inner brand area 4 -->
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="inner_brand_area">
                        <img src="static/picture/qr-brand4.png" alt="brandimg">
                    </div>
                </div>
                <!-- inner brand area 5 -->
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="inner_brand_area">
                        <img src="static/picture/qr-brand5.png" alt="brandimg">
                    </div>
                </div>
                <!-- inner brand area 6 -->
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="inner_brand_area">
                        <img src="static/picture/qr-brand2.png" alt="brandimg">
                    </div>
                </div>
                <!-- inner brand area 7 -->
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="inner_brand_area">
                        <img src="static/picture/qr-brand3.png" alt="brandimg">
                    </div>
                </div>
            </div>
        </div>
    </section>
     <!-- brand area end -->

     <!-- team area start -->
    <section class="team_area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="section_title_area text-center">
                        <h3>Our thankfull <span class="highlight">volunteer</span></h3>
                        <p style="margin: auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas. Lorem ipsum dolor sit amet,</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="container team_width">
            <div class="row">
                <!-- inner team area -->
                <div class="col-lg-3 col-md-6 col-sm-12">
                    <div class="inner_team_area text-center">
                        <img src="static/picture/team.png" alt="teamimg">
                        <h3>MOHAMMAD SALMAN</h3>
                        <p>Arguably the most important aspect of managing volunteers happy is to show them respec. I want to become a volunteer</p>
                        <div class="team_socail_icons">
                            <a href="#"><i class="icofont-facebook"></i></a>
                            <a href="#"><i class="icofont-x"></i></a>
                            <a href="#"><i class="icofont-tumblr"></i></a>
                            <a href="#"><i class="icofont-vimeo"></i></a>
                        </div>
                    </div>
                </div>
                <!-- inner team area -->
                <div class="col-lg-3 col-md-6 col-sm-12">
                    <div class="inner_team_area text-center">
                        <img src="static/picture/team2.png" alt="teamimg">
                        <h3>RAFIZA KHATUN</h3>
                        <p>Arguably the most important aspect of managing volunteers happy is to show them respec. I want to become a volunteer</p>
                        <div class="team_socail_icons">
                            <a href="#"><i class="icofont-facebook"></i></a>
                            <a href="#"><i class="icofont-x"></i></a>
                            <a href="#"><i class="icofont-tumblr"></i></a>
                            <a href="#"><i class="icofont-vimeo"></i></a>
                        </div>
                    </div>
                </div>
                <!-- inner team area -->
                <div class="col-lg-3 col-md-6 col-sm-12">
                    <div class="inner_team_area text-center">
                        <img src="static/picture/team3.png" alt="teamimg">
                        <h3>MOHAMMAD SULEMAN</h3>
                        <p>Arguably the most important aspect of managing volunteers happy is to show them respec. I want to become a volunteer</p>
                        <div class="team_socail_icons">
                            <a href="#"><i class="icofont-facebook"></i></a>
                            <a href="#"><i class="icofont-x"></i></a>
                            <a href="#"><i class="icofont-tumblr"></i></a>
                            <a href="#"><i class="icofont-vimeo"></i></a>
                        </div>
                    </div>
                </div>
                <!-- inner team area -->
                <div class="col-lg-3 col-md-6 col-sm-12">
                    <div class="inner_team_area text-center">
                        <img src="static/picture/team4.png" alt="teamimg">
                        <h3>SHEIKH SONIA</h3>
                        <p>Arguably the most important aspect of managing volunteers happy is to show them respec. I want to become a volunteer</p>
                        <div class="team_socail_icons">
                            <a href="#"><i class="icofont-facebook"></i></a>
                            <a href="#"><i class="icofont-x"></i></a>
                            <a href="#"><i class="icofont-tumblr"></i></a>
                            <a href="#"><i class="icofont-vimeo"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- team area end -->

    <!-- footer up area start -->
    <section class="footer_up_area" style="background-image: url(static/image/footer-up-bg.jpg);">
        <div class="container">
            <div class="row">
                <!-- inner footer up content area -->
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="inner_footer_up_content text-center">
                        <img src="static/picture/logo-1.png" alt="flogo">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas. Lorem ipsum dolor sit amet,</p>
                        <div class="footer_up_socail">
                            <a href="#"><i class="icofont-facebook"></i></a>
                            <a href="#"><i class="icofont-x"></i></a>
                            <a href="#"><i class="icofont-instagram"></i></a>
                            <a href="#"><i class="icofont-pinterest"></i></a>
                            <a href="#"><i class="icofont-facebook-messenger"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- footer up area end -->

    <!-- footer area start -->
    <section class="footer_area" style="background-image: url(static/image/qr_footerbg.jpg);">
        <div class="container">
            <div class="row">
                <!-- footer widget -->
                <div class="col-lg-3 col-md-6 col-sm-12">
                    <div class="footer_widget">
                        <h2>About Us</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.</p>
                        <div class="qbtn">
                            <a href="about.html">Know More</a>
                        </div>
                    </div>
                </div>
                <!-- footer nav -->
                <div class="col-lg-2 col-md-6 col-sm-12">
                    <div class="footer_widget">
                        <h2>Emergency Link.</h2>
                        <div class="footer_nav">
                            <ul>
                                <li><a href="#">Qrigin pricing plan</a></li>
                                <li><a href="#">Our all Term & Condition.</a></li>
                                <li><a href="blog-left2column.html">Our news feed</a></li>
                                <li><a href="faq.html">Your faq for us</a></li>
                                <li><a href="contact.html">Emergency contact</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- footer widget -->
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="footer_widget">
                        <h2>Recent Post</h2>
                        <div class="footer_blog_area">
                           <div class="footer_main_add">
                                <img src="static/picture/qr_blog.jpg" alt="fimg">
                                <div class="footer_add_cont">
                                    <a href="#">The most environmentally friendly product is the one you didn’t buy.</a>
                                    <span>May 22, 2024</span>
                                </div>
                           </div>
                           <div class="footer_main_add">
                            <img src="static/picture/qr_blog2.jpg" alt="fimg">
                            <div class="footer_add_cont">
                                <a href="#">We are on Earth to take care of life. We are on Earth to take care of each other.</a>
                                <span>May 22, 2024</span>
                            </div>
                        </div>
                        <div class="footer_main_add">
                            <img src="static/picture/qr_blog3.jpg" alt="fimg">
                            <div class="footer_add_cont">
                                <a href="#">Try to leave the Earth a better place than when you arrived.</a>
                                <span>May 22, 2024</span>
                            </div>
                        </div>
                      </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-12">
                    <div class="footer_widget">
                        <h2>Our Contact</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                        <div class="footer_con_form">
                            <form action="#" method="post" id="mc4wp-form-2">
                                <input type="email" name="email" placeholder="Your Email">
                                <button><i class="icofont-location-arrow"></i></button>
                                <div class="row">
                                    <div class="col-lg-12 text-left">
                                        <p class="form-messege"></p>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- footer area end -->

    <!-- copy right area start -->
    <section class="copy_right_area">
        <div class="container">
            <div class="row">
                 <!-- inner copy right area -->
                <div class="col-lg-6 col-md-6">
                    <div class="inner_copy_right_area">
                        <p>Copyright &copy; 2024.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                    </div>
                </div>
                <!-- copy right menu -->
                <div class="col-lg-6 col-md-6">
                    <div class="copy_right_menu text-end">
                        <ul>
                            <li><a href="">Home</a></li>
                            <li><a href="service.html">Service
                            </a></li>
                            <li><a href="team.html">Team
                            </a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- copy right area end -->

 <!-- jquery js -->
 <script src="static/js/jquery-3.7.1.min.js"></script>
 <!-- bootstrap js -->
 <script src="static/js/bootstrap.min.js"></script>
 <!-- slick js -->
 <script src="static/js/slick.min.js"></script>
 <!-- waypoint js -->
 <script src="static/js/waypoints.js"></script>
 <!-- counter js -->
 <script src="static/js/counterup.min.js"></script>
 <!-- scroll up js -->
 <script src="static/js/scrollup.min.js"></script>
 <!-- mean menu js -->
 <script src="static/js/meanmenu.min.js"></script>
 <!-- veno box js -->
 <script src="static/js/venobox.min.js"></script>
 <!-- isotope js -->
 <script src="static/js/isotope.js"></script>
 <!-- image load js -->
 <script src="static/js/imagesloaded.pkgd.min.js"></script>
 <!-- snake js -->
 <script src="static/js/snake.min.js"></script>
  <!-- wos js -->
  <script src="static/js/wow.min.js"></script>
  <!-- ajax js -->
  <script src="static/js/ajax-mail.js"></script>
 <!-- theme js -->
 <script src="static/js/theme.js"></script>
 <script src="static/js/jj.js"></script>
</body>
</html>