cybersec.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Title -->
    <title>OSC - Web</title>

    <!-- Favicon -->
    <link rel="icon" href="./img/core-img/favicon.png">

    <!-- Stylesheet -->
    <link rel="stylesheet" href="style.css">

</head>

<body>
    <!-- Preloader -->
    <div id="preloader">
        <div class="loader"></div>
    </div>
    <!-- /Preloader -->

    <!-- Header Area Start -->
    <header class="header-area">
   
        <!-- Main Header Start -->
        <div class="main-header-area">
            <div class="classy-nav-container breakpoint-off">
                <div class="container">
                    <!-- Classy Menu -->
                    <nav class="classy-navbar justify-content-between" id="hamiNav">

                        <!-- Logo -->
			    <img src="img/logo.png" style="height: 80px">

                        <!-- Navbar Toggler -->
                        <div class="classy-navbar-toggler">
                            <span class="navbarToggler"><span></span><span></span><span></span></span>
                        </div>

                        <!-- Menu -->
                        <div class="classy-menu">
                            <!-- Menu Close Button -->
                            <div class="classycloseIcon">
                                <div class="cross-wrap"><span class="top"></span><span class="bottom"></span></div>
                            </div>
                            <!-- Nav Start -->
                            <div class="classynav">
                                <ul id="nav">
                                    <li class="active"><a href="#">Home</a></li>
                                  
                                </ul>

                                <!-- Live Chat -->
                                <div class="live-chat-btn ml-5 mt-4 mt-lg-0 ml-md-4">
                                    <a href="https://chat.whatsapp.com/FCOiLrCadSWDoIGPVF7CSY" class="btn hami-btn live--chat--btn"><i class="fa fa-whatsapp	" aria-hidden="true"></i> Join OSC Group in Whats app</a>
                                </div>
                            </div>
                            <!-- Nav End -->
                        </div>
                    </nav>
                </div>
            </div>
        </div>
    </header>
    <!-- Header Area End -->

    <!-- Breadcrumb Area Start -->
    <div class="breadcrumb-area">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="breadcrumb-content">
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="index.html"><i class="icon_house_alt"></i> Home</a></li>
                                <li class="breadcrumb-item active" aria-current="page">Your Page</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Breadcrumb Area End -->

    <!-- Video Area Start -->
    <div class="hami--video--area section-padding-100-0">
        <div class="container">
            <div class="row">
                <!-- Section Heading -->
                <div class="col-12">
                    <div class="section-heading text-center">
                        <h2>OSC- Your Page Name</h2>
                        <p>Some quote might go here</p>
                    </div>
                </div>
            </div>

            <!-- Video Content Area -->
            <div class="row align-items-center">
                <div class="col-12 col-md-6">
                    <div class="video-content-area pr-3 mb-100">
                        <img src=""alt="Some Image here">
                    </div>
                </div>
                <div class="col-12 col-md-6">
                    <div class="video-text pl-md-3 mb-100">
                        <h2>Some Heading Might Go Here</h2>
                        <!-- Description -->
                        <div class="video-desc mb-50">
                            <h6><i class="icon_check"></i> Some keys</h6>
                            <h6><i class="icon_check"></i> Some keys</h6>
                            <h6><i class="icon_check"></i> Some keys</h6>
                            <h6><i class="icon_check"></i> Some keys</h6>
                            <h6><i class="icon_check"></i> Some keys</h6>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Video Area End -->

    <!-- Team Area Start -->
    <section class="hami-team-area mb-70">
        <div class="container">
            <div class="row">
                <!-- Section Heading -->
                <div class="col-12">
                    <div class="section-heading text-center">
                        <h2>Some Heading Might Go Here</h2>
                        <p></p>
                    </div>
                </div>
            </div>

            <div class="row">
                <!-- Single Team Member Area -->
                <div class="col-12 col-sm-6">
                    <div class="single-team-member-area d-flex align-items-center mb-30">
                        <!-- Team Thumbnail -->
                        <div class="team-thumbnail">
                            <img src="" alt="Some Image">
                        </div>
                        <!-- Team Content -->
                        <div class="team-content">
                            <h5>Some Header</h5>
                            <span>Sub header </span>
                            <p>Breif details</p>
                        </div>
                    </div>
                </div>

                <!-- Single Team Member Area -->
                

                <!-- Single Team Member Area -->
                <div class="col-12 col-sm-6">
                    <div class="single-team-member-area d-flex align-items-center mb-30">
                        <!-- Team Thumbnail -->
                        <div class="team-thumbnail">
                            <img src="" alt="Some Image">
                        </div>
                        <!-- Team Content -->
                        <div class="team-content">
                            <h5>Some Header</h5>
                            <span>Sub header </span>
                            <p>Breif details</p>
                        </div>
                    </div>
                </div>

                <!-- Single Team Member Area -->
                <div class="col-12 col-sm-6">
                    <div class="single-team-member-area d-flex align-items-center mb-30">
                        <!-- Team Thumbnail -->
                        <div class="team-thumbnail">
                            <img src="Some Image" alt="Some Image">
                        </div>
                        <!-- Team Content -->
                       <div class="team-content">
                            <h5>Some Header</h5>
                            <span>Sub header </span>
                            <p>Breif details</p>
                        </div>
                    </div>
                </div>
				<div class="col-12 col-sm-6">
                    <div class="single-team-member-area d-flex align-items-center mb-30">
                        <!-- Team Thumbnail -->
                        <div class="team-thumbnail">
                            <img src="Some Image" alt="Some Image">
                        </div>
                        <!-- Team Content -->
                        <div class="team-content">
                            <h5>Some Header</h5>
                            <span>Sub header </span>
                            <p>Breif details</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Team Area End -->

    <!-- Testimonial Area Start -->
    <section class="hami-testimonial-area section-padding-0-100">
        <div class="container">
            <div class="row">
                <!-- Section Heading -->
                <div class="col-12">
                    <div class="section-heading text-center">
                        <h2>Some Heading Might Go Here</h2>
                        <p></p>
                    </div>
                </div>
            </div>
        </div>

        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="testimonial-slide owl-carousel">

                        <!-- Single Testimonial Area -->
                        <div class="single-testimonial-area">
                            <div class="testimonial-content">
                                <!-- Ratings & Quote -->
                                <div class="ratings-icon d-flex align-items-center justify-content-between">
                                    
                                    <div class="quote-icon">
                                        <img src="" alt="Some Image">
                                    </div>
                                </div>
                                <h5><center><b>Heading</b></center></h5>
								<br>
								<div class="price-plan-desc">
							
                            <p><i class="icon_check"></i> Keys</p>
							<p><i class="icon_check"></i> Keys</p>
							<p><i class="icon_check"></i> Keys</p>
							<p><i class="icon_check"></i> Keys</p>

								</div>
                            </div>
							
							
                        </div>
						<div class="single-testimonial-area">
                            <div class="testimonial-content">
                                <!-- Ratings & Quote -->
                                <div class="ratings-icon d-flex align-items-center justify-content-between">
                                    
                                    <div class="quote-icon">
                                        <img src="" alt="Some Image">
                                    </div>
                                </div>
                                <h5><center><b>Heading</b></center></h5>
								<br>
								<div class="price-plan-desc">
							
                            <p><i class="icon_check"></i> Keys</p>
							<p><i class="icon_check"></i> Keys</p>
							<p><i class="icon_check"></i> Keys</p>
							<p><i class="icon_check"></i> Keys</p>

								</div>
                            </div>
							
							
                        </div>
						<div class="single-testimonial-area">
                            <div class="testimonial-content">
                                <!-- Ratings & Quote -->
                                <div class="ratings-icon d-flex align-items-center justify-content-between">
                                    
                                    <div class="quote-icon">
                                        <img src="" alt="Some Image">
                                    </div>
                                </div>
                                <h5><center><b>Heading</b></center></h5>
								<br>
								<div class="price-plan-desc">
							
                            <p><i class="icon_check"></i> Keys</p>
							<p><i class="icon_check"></i> Keys</p>
							<p><i class="icon_check"></i> Keys</p>
							<p><i class="icon_check"></i> Keys</p>

								</div>
                            </div>
							
							
                        </div>
						<div class="single-testimonial-area">
                            <div class="testimonial-content">
                                <!-- Ratings & Quote -->
                                <div class="ratings-icon d-flex align-items-center justify-content-between">
                                    
                                    <div class="quote-icon">
                                        <img src="" alt="Some Image">
                                    </div>
                                </div>
                                <h5><center><b>Heading</b></center></h5>
								<br>
								<div class="price-plan-desc">
							
                            <p><i class="icon_check"></i> Keys</p>
							<p><i class="icon_check"></i> Keys</p>
							<p><i class="icon_check"></i> Keys</p>
							<p><i class="icon_check"></i> Keys</p>

								</div>
                            </div>
							
							
                        </div>
						
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Testimonial Area End -->

    <!-- Support Area Start -->
    
    <!-- Support Area End -->

    <!-- Call To Action Area Start -->
   
    <!-- Call To Action Area End -->

    <!-- Footer Area Start -->
    <footer class="footer-area section-padding-80-0">
	<div class="main-footer-area">
            <div class="container">
                <div class="row justify-content-between">

                    <!-- Single Footer Widget Area -->
                    

                    <!-- Single Footer Widget Area -->
                    

                    <!-- Single Footer Widget Area -->
                    

                    <!-- Single Footer Widget Area -->
                    

                    <!-- Single Footer Widget Area -->
                    <div class="col-12 col-sm-8 col-lg-12">
					
                        <div class="single-footer-widget mb-80">
                            <!-- Widget Title -->
                          
							<h5 class="widget-title">Contact Github Campus Expert <br></br> Your Name : <a style="color:blue;" href="" > Link to Portfolio</a></h5>
				<h4>Or leave a message here</h4>
							<div class="row">
                            <div class="col-md-6">

                            <!-- Newsletter Form -->
                            <form action="#" class="nl-form">
                                
								<input type="text" class="form-control" placeholder="Your Name"><br>
								<input type="email" class="form-control" placeholder="Your Phone Number"><br>
				                 
								<input type="text" class="form-control" placeholder="Your Email"><br>
								<input type="email" class="form-control" placeholder="Query">
								<br>
				                <center>
                                <button type="submit"><i class="fa fa-paper-plane" aria-hidden="true"></i></button>
								<center>
								
                            </form>
							</div>
							
							<div class="col-md-6">
							<center>
							<br><br><br></br>
							<div class="live-chat-btn ml-5 mt-4 mt-lg-0 ml-md-4">
                                    <a href="https://chat.whatsapp.com/FCOiLrCadSWDoIGPVF7CSY" class="btn hami-btn live--chat--btn"><i class="fa fa-whatsapp	" aria-hidden="true"></i> Join Chat</a>
                                </div>
							
                            <!-- Social Info -->
                            <div class="social-info">
                                <a href="#" class="facebook"><i class="fa fa-github" aria-hidden="true"></i></a>
                                <a href="#" class="twitter"><i class="fa fa-facebook" aria-hidden="true"></i></a>
                                <a href="#" class="google-plus"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
                                <a href="#" class="instagram"><i class="fa fa-instagram" aria-hidden="true"></i></a>
                                <a href="#" class="youtube"><i class="fa fa-twitter" aria-hidden="true"></i></a>
                            </div>
							</center>
							</div>
							</div>
                        </div>
                    </div>

                </div>
            </div>
        </div>

        <!-- Main Footer Area -->
       

        <!-- Bottom Footer Area -->
        <div class="bottom-footer-area bg-gray">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-12 col-md-6">
                        <!-- Copywrite Text -->
                        <div class="copywrite-text">
                            <p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright &copy; <script>document.write(new Date().getFullYear());</script> All rights reserved | This Website is made with <i class="fa fa-heart-o" aria-hidden="true"> by OSC vizag   Templete credits :</i><a " href="https://colorlib.com" > Colorlib</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
</p>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </footer>
    <!-- Footer Area End -->

    <!-- **** All JS Files ***** -->
    <!-- jQuery 2.2.4 -->
    <script src="js/jquery.min.js"></script>
    <!-- Popper -->
    <script src="js/popper.min.js"></script>
    <!-- Bootstrap -->
    <script src="js/bootstrap.min.js"></script>
    <!-- All Plugins -->
    <script src="js/hami.bundle.js"></script>
    <!-- Active -->
    <script src="js/default-assets/active.js"></script>

</body>

</html>