👁 查看:contact.html
路径:/home/boguraj1/newspaper.bogurajobs.com/gc/contact.html
大小:23.4 KB · 修改:2024-04-01 10:49:46 · 权限:0644 · 可写
<!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" />
        <meta name="description" content="Rizwan - Personal Portfolio HTML5 Template">
        <meta name="author" content="Greyhound-Tech-Solutions">
        <!-- =============== PAGE TITLE =============== -->
        <title>Rizwan - Personal Portfolio HTML5 Template</title>
        <!-- ============= FAVICON ICON ============= -->
        <link rel="shortcut icon" href="./assets/img/favicon.ico" />
        <!-- ============= CSS ============= -->
        <!-- BOOTSTRAP -->
        <link rel="stylesheet" href="./assets/css/vendors/bootstrap.min.css" />
        <!-- ANIMATE -->
        <link rel="stylesheet" href="./assets/css/vendors/animate.min.css" />
        <!-- FONT AWESOME -->
        <link rel="stylesheet" href="./assets/css/vendors/all.min.css">
        <!-- CUBE PORTFOLIO -->
        <link rel="stylesheet" type="text/css" href="./assets/css/vendors/cubeportfolio.min.css">
        <!-- SWIPER -->
        <link rel="stylesheet" href="./assets/css/vendors/swiper.css" />
         <!--OWL -->
        <link rel="stylesheet" href="./assets/css/vendors/owl.carousel.min.css" />
        <link rel="stylesheet" href="./assets/css/vendors/owl.theme.default.min.css" />
        <!-- MAGNIFIC POPUP -->
        <link rel="stylesheet" href="./assets/css/vendors/magnific-popup.css" type="text/css" />
        <!-- MAIN STYLE -->
        <link rel="stylesheet" href="./assets/css/style.css" />
    </head>
    <!-- ============= BODY ============= -->
    <body>
        
        <!-- ============= WRAPPER ============= -->
        <div class="wrapper">
   
            <!-- Cursor -->
	<div class="cursor"></div>
	<div class="cursor-follower"></div>
	<!-- Cursor End -->

            <!-- =============START HEADER ============= -->
            <header class="header-main-block header-style">
                <div class="container">
                    <div class="cd-header-block">
                        <nav id="navigation" class="navigation">

                            <!-- Logo Area Start -->
                            <div class="nav-header">
                                <a class="nav-brand" href="index.html"><img src="assets/img/logo.png" alt="" class="img-fulid d-block" /> </a>
                                <div class="nav-toggle"></div>
                                <div class="overlay"></div>
                            </div>
                            <!-- End Logo Are -->
                            
                            <!-- Contact Are -->
                            <div class="header-contact">
                                <a href="contact.html">Contact Me  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" class="sm_svg"><path d="M7 7h8.586L5.293 17.293l1.414 1.414L17 8.414V17h2V5H7v2z"/></svg> </a>
                            </div>
                            <!-- Contact Are -->
                            
                                <!-- Main Menus Wrapper -->
                            <div class="nav-menus-wrapper">
                                <img class="header-menu-bg" src="assets/img/menuleft.png" alt="Before">
                                <button type="button" class="close-nav">
                                <i class="fa-regular fa-circle-xmark"></i>
                            </button>
                                <ul class="nav-menu nav-menu-centered" id="mobile-menu">
                                    <li><a href="index.html">Home</a></li>
                                    <li><a href="about.html">About Me</a></li>
                                    <li><a href="portfolio.html">Portfolio</a></li>
                                    <li><a href="services.html">Services</a></li>
                                    <li><a href="price.html">Pricing</a></li>
                                    <li><a href="blog.html">Insights</a></li>
                                    <li class="menu-contact-list"><a href="contact.html">Contact</a></li>
                                </ul>
                                <img class="header-menu-bg" src="assets/img/menuright.png" alt="After">
                             <!-- Main Menus Wrapper -->
                            </div>
                        </nav>
                    </div>
                </div>
            </header>
            <!-- ============= END HEADER ========== -->

            <!-- ============= START BANNER BLOCK ============= -->
            <section class="banner-block about-block clearfix">
                <div class="full-width-block common-page">
                    <div class="container">
                        <div class="banner-block-content">
                            <div class="home-main-contant-style-7">
                                <div class="contact-block-title">
                                    <h1>For project inquiries and more information, 
                                        get in touch at <span class="contact-email">rizwancontact@gmail.com</span></h1>
                                </div>

                                <!-- START Breadcumb -->
                                <div class="page-heading">
                                    <div class="breadcrumb">
                                        <a href="index.html">Home</a>
                                        <span class="delimeter"> / </span> 
                                        <span class="current">Contact Me</span>
                                    </div>

                                </div>
                                <!-- END Breadcumb -->

                                <div class="home-main-contant-style">
                                    <div class="contact-block-style">
                                    <div class="row">
                                        <div class="col-lg-6 col-md-12">
                                            <div class="main-title-block style-2">
                                                <h1 class="main-title">Want to work together contact us</h1>
                                            </div>
                                            <div class="contact-info-block mb30">
                                                 <div class="cell-number-block contact-info">
                                                    <i class="fa-solid fa-phone-volume"></i>
                                                    <h6>PHONE:</h6>
                                                    <p><strong>+1800 - 800 - 9000</strong></p>
                                                </div>
                                                <div class="email-block contact-info">
                                                    <i class="far fa-envelope"></i>
                                                    <h6>EMAIL:</h6>
                                                    <p><strong>rizwandomin@gmail.com</strong></p>
                                                </div>
                                                <div class="address-block contact-info">
                                                    <i class="fas fa-globe"></i>
                                                    <h6>LOCATION:</h6>
                                                    <p><strong>Ave Street, New York, USA</strong></p>
                                                </div>
                                                
                                               

                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-12">
                                            <div class="contact-form-bg bg-white">
                                                <div class="main-title-block style-2">
                                                    <h1 class="main-title form-right-title">Fill The Form</h1>
                                                </div>

                                                <div class="contact_us_contact_form">

                                                    <form name="contact-form" id="ContactForm">
                                                        <div class="row">
                                                            <div class="col-md-6 col-sm-12"> 
                                                                <input type="text" class="form-control" id="InputName" name="full_name" placeholder="Enter Name">
                                                            </div>
                                                            <div class="col-md-6 col-sm-12"> 
                                                                <div class="form-group">
                                                                    <input type="email" class="form-control" id="InputEmail" name="email" placeholder="Enter Email">
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6 col-sm-12">
                                                                <input type="text" class="form-control" id="InputMobile" name="mobile" placeholder="Enter Mobile">
                                                            </div>
                                                            <div class="col-md-6 col-sm-12">
                                                                <div class="form-group">
                                                                    <input type="text" class="form-control" id="InputSubject" name="subject" placeholder="Enter Subject">
                                                                </div>
                                                            </div>

                                                            <div class="col-md-12 col-sm-12"> 
                                                                <div class="form-group">
                                                                    <textarea class="form-control" id="InputMessage" name="message" placeholder="Enter Message"></textarea>
                                                                </div>
                                                                

                                                                <div class="contact-submit-btn">
                                                                    <button class="btn-style" type="submit">Contact Now <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" class="sm_svg"><path d="M7 7h8.586L5.293 17.293l1.414 1.414L17 8.414V17h2V5H7v2z"></path></svg> </button>
                              
                            </div>

                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                              </div>
                                              </div>
                                        </div>
                                    </div>
                                           </div>
                                        </div>
                                </div>
                            </div>
                        </div>
            </section>
            <!-- ============= END BANNER BLOCK ============= -->




                               <!-- ============= QUERY ============= -->
                                <section class="query-wrapper query-style2 home-main-contant-style">
                                     <div class="container">
                        <div class="right-content">
                             <div class="row  d-flex justify-content-lg-between align-items-baseline">
                        <div class="col-xl-3 col-lg-3 col-md-12 col-sm-12">
                            <h2 class="section-heading">Common Questions</h2>
                          </div>
                                  <div class="col-xl-9 col-lg-9 col-md-12 col-sm-12">
                            <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"
                                        >
                                            001 Simple process for workflow?
                                        </button>
                                    </h2>
                                    <div
                                        id="collapseOne"
                                        class="accordion-collapse collapse show"
                                        aria-labelledby="headingOne"
                                        data-bs-parent="#accordionExample"
                                    >
                                        <div class="accordion-body">
                                           Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed  tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. 
                                        </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"
                                        >
                                            002 Unique brand identity and strategy
                                        </button>
                                    </h2>
                                    <div
                                        id="collapseTwo"
                                        class="accordion-collapse collapse"
                                        aria-labelledby="headingTwo"
                                        data-bs-parent="#accordionExample"
                                    >
                                        <div class="accordion-body">
                                           Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed  tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. 
                                        </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"
                                        >
                                            003 Tailor-made digital products
                                        </button>
                                    </h2>
                                    <div
                                        id="collapseThree"
                                        class="accordion-collapse collapse"
                                        aria-labelledby="headingThree"
                                        data-bs-parent="#accordionExample"
                                    >
                                        <div class="accordion-body">
                                           Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed  tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. 
                                        </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"
                                        >
                                           004 How can I accept credit cards online?
                                        </button>
                                    </h2>
                                    <div
                                        id="collapseFour"
                                        class="accordion-collapse collapse"
                                        aria-labelledby="headingFour"
                                        data-bs-parent="#accordionExample"
                                    >
                                        <div class="accordion-body">
                                           Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed  tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. 
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                                 </div>
                                          </div>
                                     </div>
        </section>
                              <!-- ============= QUERY ============= -->


            
            <!-- ============= FOOTER ============= -->
            <footer>
                <div class="footer-wrapper footer-bg-block" style="background-image: url('./assets/img/footer-bg.png')" >
                <div class="container">
                    <div class="section-title text-center">
                        <h2 class="section-heading">Get In Touch</h2>
                        <div class="text-center">
                            <h1>Reach out and <br>
                                let's create something great together </h1>
                        </div>
                        <h3 class="mail-address">rizwancontact@gmail.com</h3>
                        <div class="footer-contact-btn"><a href="contact.html">Let's Connect <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="sm_svg"><path d="M7 7h8.586L5.293 17.293l1.414 1.414L17 8.414V17h2V5H7v2z"/></svg></a></div>
                    </div>

                </div>
            </div>
                
                  <div class="copyright">
                    <div class="container">
                        <div class="copy-content d-flex align-items-center justify-content-between">
                            <div class="copy-text">@2024 - All Rights Reserved Rizwan</div>
                            <div class="copy-social">
                                <ul>
                                    <li><a href="#">Facebook</a></li>
                                    <li><a href="#">Twitter</a></li>
                                    <li><a href="#">Behance</a></li>
                                    <li><a href="#">Dribbble</a></li>
                                </ul>
                            </div>
                            <div class="copy-link">
                                <ul>
                                    <li><a href="#">Terms & Condition</a></li>
                                    <li><a href="#">Privacy Policy</a></li>
                                </ul>
                            </div>
                            <a class="copy-s-top scrollUp" href="#top"><i class="fa-solid fa-arrow-up"></i></a>
                        </div>
                    </div>
                </div>
            </footer>
            <!-- =============END FOOTER ============= -->


        </div>
        <!-- =============END WRAPPER ========== -->

        <!-- ============= VENDORS JS ============= -->
        <script src="./assets/js/vendors/jquery.min.js"></script>
        <script src="./assets/js/vendors/bootstrap.min.js"></script>
        <!--validate -->
        <script type="text/javascript" src="./assets/contact-form/jquery.validate.min.js"></script>
        <!--contact -->
        <script type="text/javascript" src="./assets/contact-form/contact.js"></script>
        <script src="./assets/js/vendors/navigation.js"></script>
        <script src="./assets/js/vendors/jquery.counterup.min.js"></script>
        <script src="./assets/js/vendors/swiper.js"></script>
        <script src="./assets/js/vendors/jquery.waypoints.min.js"></script>
        <script src="./assets/js/vendors/owl.carousel.min.js"></script>
        <script type="text/javascript" src="./assets/js/vendors/gsap.min.js"></script>
        <!-- scrollup-->
        <script type="text/javascript" src="./assets/js/vendors/scrollup.js"></script>
        <!-- Wow Animation -->
        <script  type="text/javascript" src="./assets/js/vendors/wow.min.js"></script>
        <!-- magnific -->
        <script type="text/javascript" src="./assets/js/vendors/jquery.magnific-popup.min.js"></script>
        <!-- CUBE PORTFOLIO -->
        <script type="text/javascript" src="./assets/js/vendors/jquery.cubeportfolio.min.js"></script>
        <!-- CUBE PORTFOLIO -->
        <script type="text/javascript" src="./assets/js/vendors/cubeportfolio/portfolio-grid-2col.js"></script>
        <!-- CUBE PORTFOLIO -->
        <script type="text/javascript" src="./assets/js/vendors/cubeportfolio/blog-grid-1col.js"></script>
        <!-- ============= MAIN JS ============= -->
        <script src="./assets/js/active.js"></script>
    </body>
    <!-- =============END BODY ============= -->
</html>
<!-- =============END HTML ============= -->