Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <!-- ========== Meta Tags ========== -->
- <meta charset="UTF-8">
- <meta name="description" content="Cocoon -Portfolio">
- <meta name="keywords" content="Cocoon , Portfolio">
- <meta name="author" content="Pharaohlab">
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <!-- ========== Title ========== -->
- <title> Connect Band </title>
- <!-- ========== Favicon Ico ========== -->
- <!--<link rel="icon" href="fav.ico">-->
- <!-- ========== STYLESHEETS ========== -->
- <!-- Bootstrap CSS -->
- <link href="assets/css/bootstrap.min.css" rel="stylesheet">
- <!-- Fonts Icon CSS -->
- <link href="assets/css/font-awesome.min.css" rel="stylesheet">
- <link href="assets/css/et-line.css" rel="stylesheet">
- <link href="assets/css/ionicons.min.css" rel="stylesheet">
- <!-- Carousel CSS -->
- <link href="assets/css/slick.css" rel="stylesheet">
- <!-- Magnific-popup -->
- <link rel="stylesheet" href="assets/css/magnific-popup.css">
- <!-- Animate CSS -->
- <link rel="stylesheet" href="assets/css/animate.min.css">
- <!-- Custom styles for this template -->
- <link href="assets/css/main.css" rel="stylesheet">
- <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
- </head>
- <body>
- <div class="loader">
- <div class="loader-outter"></div>
- <div class="loader-inner"></div>
- </div>
- <div class="container">
- <div class="row">
- </div>
- </div>
- <!-- top navbar -->
- <div class="body-container container-fluid">
- <a class="menu-btn" href="javascript:void(0)">
- <i class="ion ion-grid"></i>
- </a>
- <div class="row justify-content-center">
- <!--=================== side menu ====================-->
- <div class="col-lg-2 col-md-3 col-12 menu_block">
- <!--logo -->
- <div class="side_menu_section">
- <a href="index.html">
- <img src="assets/img/logo.png" alt="band connect">
- </a>
- </div>
- <!--logo end-->
- <!--main menu -->
- <div class="side_menu_section">
- <ul class="menu_nav">
- <li class="active">
- <a href="index.html">
- Login/Register
- </a>
- </li>
- <li class="active">
- <a href="index.html">
- Home
- </a>
- </li>
- <li>
- <a href="feedback.html">
- Feedback
- </a>
- </li>
- <li>
- <a href="contact.html">
- Contact
- </a>
- </li>
- </ul>
- </div>
- <!--main menu end -->
- <!--filter menu -->
- <div class="side_menu_section">
- <h4 class="side_title">filter by:</h4>
- <ul id="filtr-container" class="filter_nav">
- <li data-filter="*" class="active"><a href="javascript:void(0)" >all</a></li>
- <li data-filter=".branding"> <a href="javascript:void(0)">Rock</a></li>
- <li data-filter=".design"><a href="javascript:void(0)">Pop</a></li>
- <li data-filter=".photography"><a href="javascript:void(0)">Jazz</a></li>
- <li data-filter=".photography"><a href="javascript:void(0)">Metal</a></li>
- <li data-filter=".photography"><a href="javascript:void(0)">Country</a></li>
- <li data-filter=".photography"><a href="javascript:void(0)">Blues</a></li>
- </ul>
- </div>
- <!--filter menu end -->
- <!--social and copyright -->
- <div class="side_menu_bottom">
- <div class="side_menu_bottom_inner">
- <ul class="social_menu">
- <li>
- <a href="#"> <i class="ion ion-social-pinterest"></i> </a>
- </li>
- <li>
- <a href="#"> <i class="ion ion-social-facebook"></i> </a>
- </li>
- <li>
- <a href="#"> <i class="ion ion-social-twitter"></i> </a>
- </li>
- <li>
- <a href="#"> <i class="ion ion-social-dribbble"></i> </a>
- </li>
- </ul>
- <div class="copy_right">
- <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
- <p class="copyright">Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a></p>
- <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
- </div>
- </div>
- </div>
- <!--social and copyright end -->
- </div>
- <!--=================== side menu end====================-->
- <!-- end top navbar-->
- <!--=================== content body ====================-->
- <div class="col-lg-10 col-md-9 col-12 body_block align-content-center">
- <!--=================== filter portfolio start====================-->
- <div class="portfolio gutters grid img-container">
- <div class="grid-sizer col-sm-12 col-md-6 col-lg-3"></div>
- <div class="grid-item branding col-sm-12 col-md-6 col-lg-3">
- <a href="assets/img/portfolio/port1.png" title="">
- <div class="project_box_one">
- <img src="assets/img/portfolio/1.jpg" alt="pro1" />
- <div class="product_info">
- <div class="product_info_text">
- <div class="product_info_text_inner">
- </div>
- </div>
- </div>
- </div>
- <br>
- <div class="col-12">
-       <button type="submit" class="btn btn-primary">Feedback</button>
- </div>
- </a>
- </div>
- <div class="grid-item branding architecture col-md-6 col-lg-3">
- <a href="assets/img/portfolio/port2.png" title="project name 2">
- <div class="project_box_one">
- <img src="assets/img/portfolio/2.jpg" alt="pro1" />
- <div class="product_info">
- <div class="product_info_text">
- <div class="product_info_text_inner">
- <h4></h4>
- </div>
- </div>
- </div>
- </div>
- <br>
- <div class="col-12">
-       <button type="submit" class="btn btn-primary">Feedback</button>
- </div>
- </a>
- </div>
- <div class="grid-item design col-sm-12 col-md-6 col-lg-3">
- <a href="assets/img/portfolio/port3.png" title="project name 5">
- <div class="project_box_one">
- <img src="assets/img/portfolio/3.jpg" alt="pro1" />
- <div class="product_info">
- <div class="product_info_text">
- <div class="product_info_text_inner">
- <h4></h4>
- </div>
- </div>
- </div>
- </div>
- <br>
- <div class="col-12">
-       <button type="submit" class="btn btn-primary">Feedback</button>
- </div>
- </a>
- </div>
- <div class="grid-item photography design col-sm-12 col-md-6 col-lg-3">
- <a href="assets/img/portfolio/4.jpg" title="project name 5">
- <div class="project_box_one">
- <img src="assets/img/portfolio/4.jpg" alt="pro1" />
- <div class="product_info">
- <div class="product_info_text">
- <div class="product_info_text_inner">
- <h4></h4>
- </div>
- </div>
- </div>
- </div>
- <br>
- <div class="col-12">
-       <button type="submit" class="btn btn-primary">Feedback</button>
- </div>
- </a>
- </div>
- <div class="grid-item branding photography col-sm-12 col-md-6 col-lg-3">
- <a href="assets/img/portfolio/port5.png" title="project name 5">
- <div class="project_box_one">
- <img src="assets/img/portfolio/port5.png" alt="pro1" />
- <div class="product_info">
- <div class="product_info_text">
- <div class="product_info_text_inner">
- <h4></h4>
- </div>
- </div>
- </div>
- </div>
- <br>
- <div class="col-12">
-       <button type="submit" class="btn btn-primary">Feedback</button>
- </div>
- </a>
- </div>
- <div class="grid-item architecture design col-sm-12 col-md-6 col-lg-3">
- <a href="assets/img/portfolio/port6.png" title="project name 5">
- <div class="project_box_one">
- <img src="assets/img/portfolio/port6.png" alt="pro1" />
- <div class="product_info">
- <div class="product_info_text">
- <div class="product_info_text_inner">
- <h4></h4>
- </div>
- </div>
- </div>
- </div>
- <br>
- <div class="col-12">
-       <button type="submit" class="btn btn-primary">Feedback</button>
- </div>
- </a>
- </div>
- <div class="grid-item photography architecture col-sm-12 col-md-6 col-lg-3">
- <a href="assets/img/portfolio/port7.png" title="project name 5">
- <div class="project_box_one">
- <img src="assets/img/portfolio/port7.png" alt="pro1" />
- <div class="product_info">
- <div class="product_info_text">
- <div class="product_info_text_inner">
- <h4></h4>
- </div>
- </div>
- </div>
- </div>
- <br>
- <div class="col-12">
-       <button type="submit" class="btn btn-primary">Feedback</button>
- </div>
- </a>
- </div>
- <div class="grid-item branding design col-sm-12 col-md-6 col-lg-3">
- <a href="assets/img/portfolio/port8.png" title="project name 5">
- <div class="project_box_one">
- <img src="assets/img/portfolio/port8.png" alt="pro1" />
- <div class="product_info">
- <div class="product_info_text">
- <div class="product_info_text_inner">
- <h4></h4>
- </div>
- </div>
- </div>
- </div>
- <br>
- <div class="col-12">
-       <button type="submit" class="btn btn-primary">Feedback</button>
- </div>
- </a>
- </div>
- <div class="grid-item architecture col-sm-12 col-md-6 col-lg-3">
- <a href="assets/img/portfolio/port9.png" title="project name 4">
- <div class="project_box_one">
- <img src="assets/img/portfolio/port9.png" alt="pro1" />
- <div class="product_info">
- <div class="product_info_text">
- <div class="product_info_text_inner">
- <h4></h4>
- </div>
- </div>
- </div>
- </div>
- <br>
- <div class="col-12">
-       <button type="submit" class="btn btn-primary">Feedback</button>
- </div>
- </a>
- </div>
- <div class="grid-item photography architecture col-sm-12 col-md-6 col-lg-3">
- <a href="assets/img/portfolio/port10.png" title="project name 5">
- <div class="project_box_one">
- <img src="assets/img/portfolio/port10.png" alt="pro1" />
- <div class="product_info">
- <div class="product_info_text">
- <div class="product_info_text_inner">
- <h4></h4>
- </div>
- </div>
- </div>
- </div>
- <br>
- <div class="col-12">
-       <button type="submit" class="btn btn-primary">Feedback</button>
- </div>
- </a>
- </div>
- <div class="grid-item branding design col-sm-12 col-md-6 col-lg-3">
- <a href="assets/img/portfolio/port11.png" title="project name 5">
- <div class="project_box_one">
- <img src="assets/img/portfolio/port11.png" alt="pro1" />
- <div class="product_info">
- <div class="product_info_text">
- <div class="product_info_text_inner">
- <h4></h4>
- </div>
- </div>
- </div>
- </div>
- <br>
- <div class="col-12">
-       <button type="submit" class="btn btn-primary">Feedback</button>
- </div>
- </a>
- </div>
- <div class="grid-item architecture col-sm-12 col-md-6 col-lg-3">
- <!--<a href="assets/img/portfolio/port4.png" title="project name 4"> -->
- <div class="project_box_one">
- <!-- <img src="assets/img/portfolio/port4.png" alt="pro1" /> -->
- <div class="product_info">
- <div class="product_info_text">
- <div class="product_info_text_inner">
- <h4></h4>
- </div>
- </div>
- </div>
- </div>
- <br>
- <div class="col-12">
-       <button type="submit" class="button4">Feedback</button>
- </div>
- </div>
- </div>
- <!--=================== filter portfolio end====================-->
- </div>
- <!--=================== content body end ====================-->
- </div>
- </div>
- <script>
- $(document).ready(function(){
- $('.button4').click(function(){
- console.log("button clicked");s
- var clickBtnValue = $(this).val();
- var ajaxurl = 'feedback.html',
- data = {'action': clickBtnValue};
- $.post(ajaxurl, data, function (response) {
- // Response div goes here.
- });
- });
- });
- </script>
- <!-- jquery -->
- <script src="assets/js/jquery.min.js"></script>
- <!-- bootstrap -->
- <script src="assets/js/popper.js"></script>
- <script src="assets/js/bootstrap.min.js"></script>
- <script src="assets/js/waypoints.min.js"></script>
- <!--slick carousel -->
- <script src="assets/js/slick.min.js"></script>
- <!--Portfolio Filter-->
- <script src="assets/js/imgloaded.js"></script>
- <script src="assets/js/isotope.js"></script>
- <!-- Magnific-popup -->
- <script src="assets/js/jquery.magnific-popup.min.js"></script>
- <!--Counter-->
- <script src="assets/js/jquery.counterup.min.js"></script>
- <!-- WOW JS -->
- <script src="assets/js/wow.min.js"></script>
- <!-- Custom js -->
- <script src="assets/js/main.js"></script>
- <!-- search bar -->
- <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
- <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement