✏️ 编辑:portfolio.html
路径:
/home/boguraj1/newspaper.bogurajobs.com/gc/portfolio.html
大小:27.2 KB · 修改:2024-04-01 10:49:28 · 权限: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="align-items-center"> <div class="about-block-title portfolio-banner-block"> <h1 class="text-center">There’s something good in every project. Just look for it.</h1> </div> </div> </div> </div> <div class="home-main-contant-style portfolio-grid-style-block"> <div class="container-fluid"> <div id="js-grid-masonry" class="cbp"> <div class="cbp-item identity"> <a href="assets/img/portfolio/top1.jpg" class="cbp-caption cbp-lightbox" data-title="Easy Note<br>by Cosmin Capitanu"> <div class="cbp-caption-defaultWrap"> <img src="assets/img/portfolio/top1.jpg" alt=""> </div> <div class="cbp-caption-activeWrap"> <div class="cbp-l-caption-alignCenter"> <div class="cbp-l-caption-body"> <div class="cbp-l-caption-title">Easy Note</div> <div class="cbp-l-caption-desc">by Cosmin Capitanu</div> </div> </div> </div> </a> </div> <div class="cbp-item web-design"> <a href="assets/img/portfolio/top2.jpg" class="cbp-caption cbp-lightbox" data-title="The Gang Blue<br>by Cosmin Capitanu"> <div class="cbp-caption-defaultWrap"> <img src="assets/img/portfolio/top2.jpg" alt=""> </div> <div class="cbp-caption-activeWrap"> <div class="cbp-l-caption-alignCenter"> <div class="cbp-l-caption-body"> <div class="cbp-l-caption-title">The Gang Blue</div> <div class="cbp-l-caption-desc">by Cosmin Capitanu</div> </div> </div> </div> </a> </div> <div class="cbp-item graphic identity"> <a href="https://www.youtube.com/watch?v=3wbvpOIIBQA" class="cbp-caption cbp-lightbox" data-title="Tiger<br>by Cosmin Capitanu"> <div class="cbp-caption-defaultWrap"> <img src="assets/img/portfolio/top4.jpg" alt=""> </div> <div class="cbp-caption-activeWrap"> <div class="cbp-l-caption-alignCenter"> <div class="cbp-l-caption-body"> <div class="cbp-l-caption-title">Tiger</div> <div class="cbp-l-caption-desc">by Cosmin Capitanu</div> </div> </div> </div> </a> </div> <div class="cbp-item graphic"> <a href="assets/img/portfolio/top3.jpg" class="cbp-caption cbp-lightbox" data-title="Flat Roman Typeface Ui<br>by Cosmin Capitanu"> <div class="cbp-caption-defaultWrap"> <img src="assets/img/portfolio/top3.jpg" alt=""> </div> <div class="cbp-caption-activeWrap"> <div class="cbp-l-caption-alignCenter"> <div class="cbp-l-caption-body"> <div class="cbp-l-caption-title">Flat Roman Typeface Ui</div> <div class="cbp-l-caption-desc">by Cosmin Capitanu</div> </div> </div> </div> </a> </div> </div> </div> </div> </div> </section> <!-- ============= END BANNER BLOCK ============= --> <!-- ============= START PORTFOLIO BLOCK ============= --> <section class="portfolio-block home-main-contant-style-2"> <div class="home-testimonial-block"> <div class="container-fluid"> <div class="marquee-slider-section testi-title d-flex justify-content-between align-items-center"> <div class="marquee-slider-block section-title"> <div class="slide-roll"> <div class="roll-box"> <div class="roll-item"> <div class="roll-title d-flex align-items-center"> <h1>WORK</h1><span class="dot"></span><h1><span>WORK</span></h1> </div> </div> <div class="roll-item"> <div class="roll-title d-flex align-items-center"> <h1>WORK</h1><span class="dot"></span><h1><span>WORK</span></h1> </div> </div> </div> <div class="roll-box"> <div class="roll-item"> <div class="roll-title d-flex align-items-center"> <h1>WORK</h1><span class="dot"></span><h1><span>WORK</span></h1> </div> </div> <div class="roll-item"> <div class="roll-title d-flex align-items-center"> <h1>WORK</h1><span class="dot"></span><h1><span>WORK</span></h1> </div> </div> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="home-main-contant-style"> <div id="js-grid-juicy-projects-fullwidth" class="cbp"> <div class="cbp-item graphic"> <div class="cbp-caption"> <div class="cbp-caption-defaultWrap"> <img src="assets/img/portfolio/mid1.jpg" alt=""> </div> <div class="cbp-caption-activeWrap"> <div class="cbp-l-caption-alignCenter"> <div class="cbp-l-caption-body"> <a href="assets/js/vendors/cubeportfolio/ajax-juicy-projects/project1.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">More</a> <a href="assets/img/portfolio/mid1.jpg" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Dashboard<br>by Paul Flavius Nechita">View</a> </div> </div> </div> </div> <div class="cbp-1-title-bg d-flex align-items-center justify-content-between"> <div class="cbp-footer-number"> <div class="cbp-l-grid-projects-number">00.01</div> </div> <div class="cbp-footer-title"> <div class="cbp-l-grid-projects-desc">Designing</div> <div class="cbp-l-grid-projects-title"><a href="portfolio-details.html">Mobile application design</a></div> </div> <div class="cbp-footer-year"> <span>2023</span> </div> </div> </div> <div class="cbp-item web-design logos"> <div class="cbp-caption"> <div class="cbp-caption-defaultWrap"> <img src="assets/img/portfolio/mid2.jpg" alt=""> </div> <div class="cbp-caption-activeWrap"> <div class="cbp-l-caption-alignCenter"> <div class="cbp-l-caption-body"> <a href="assets/js/vendors/cubeportfolio/ajax-juicy-projects/project2.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">More</a> <a href="assets/img/portfolio/mid2.jpg" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="World Clock Widget<br>by Paul Flavius Nechita">View</a> </div> </div> </div> </div> <div class="cbp-1-title-bg d-flex align-items-center justify-content-between"> <div class="cbp-footer-number"> <div class="cbp-l-grid-projects-number">00.02</div> </div> <div class="cbp-footer-title"> <div class="cbp-l-grid-projects-desc">Graphic design</div> <div class="cbp-l-grid-projects-title"><a href="portfolio-details.html">Paper & Book Covers Design</a></div> </div> <div class="cbp-footer-year"> <span>2023</span> </div> </div> </div> <div class="cbp-item graphic logos"> <div class="cbp-caption"> <div class="cbp-caption-defaultWrap"> <img src="assets/img/portfolio/mid3.jpg" alt=""> </div> <div class="cbp-caption-activeWrap"> <div class="cbp-l-caption-alignCenter"> <div class="cbp-l-caption-body"> <a href="assets/js/vendors/cubeportfolio/ajax-juicy-projects/project3.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">More</a> <a href="http://vimeo.com/14912890" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="To-Do Dashboard<br>by Tiberiu Neamu">View</a> </div> </div> </div> </div> <div class="cbp-1-title-bg d-flex align-items-center justify-content-between"> <div class="cbp-footer-number"> <div class="cbp-l-grid-projects-number">00.03</div> </div> <div class="cbp-footer-title"> <div class="cbp-l-grid-projects-desc">Creative Design</div> <div class="cbp-l-grid-projects-title"><a href="portfolio-details.html">Marketing site design and build</a></div> </div> <div class="cbp-footer-year"> <span>2023</span> </div> </div> </div> <div class="cbp-item web-design graphic"> <div class="cbp-caption"> <div class="cbp-caption-defaultWrap"> <img src="assets/img/portfolio/mid4.jpg" alt=""> </div> <div class="cbp-caption-activeWrap"> <div class="cbp-l-caption-alignCenter"> <div class="cbp-l-caption-body"> <a href="assets/js/vendors/cubeportfolio/ajax-juicy-projects/project4.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">More</a> <a href="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/4900333&auto_play=true&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Events and More<br>by Tiberiu Neamu">View</a> </div> </div> </div> </div> <div class="cbp-1-title-bg d-flex align-items-center justify-content-between"> <div class="cbp-footer-number"> <div class="cbp-l-grid-projects-number">00.04</div> </div> <div class="cbp-footer-title"> <div class="cbp-l-grid-projects-desc">designing</div> <div class="cbp-l-grid-projects-title"><a href="portfolio-details.html">Mobile Apps Development</a></div> </div> <div class="cbp-footer-year"> <span>2023</span> </div> </div> </div> <div class="cbp-item identity web-design"> <div class="cbp-slider-inline"> <div class="cbp-slider-wrapper"> <div class="cbp-slider-item cbp-slider-item--active"> <a href="assets/img/portfolio/mid5.jpg" class="cbp-lightbox" data-title="WhereTO App<br>by Tiberiu Neamu"> <img src="assets/img/portfolio/mid5.jpg" alt=""> </a> </div> <div class="cbp-slider-item"> <a href="assets/img/portfolio/mid6.jpg" class="cbp-lightbox" data-title="World Clock Widget<br>by Paul Flavius Nechita"> <img src="assets/img/portfolio/mid6.jpg" alt=""> </a> </div> <div class="cbp-slider-item"> <a href="assets/img/portfolio/4.jpg" class="cbp-lightbox" data-title="World Clock Widget<br>by Paul Flavius Nechita"> <img src="assets/img/portfolio/mid4.jpg" alt=""> </a> </div> </div> <div class="cbp-slider-controls"> <div class="cbp-slider-prev"></div> <div class="cbp-slider-next"></div> </div> </div> <div class="cbp-1-title-bg d-flex align-items-center justify-content-between"> <div class="cbp-footer-number"> <div class="cbp-l-grid-projects-number">00.05</div> </div> <div class="cbp-footer-title"> <div class="cbp-l-grid-projects-desc">Designing</div> <div class="cbp-l-grid-projects-title"><a href="portfolio-details.html">Design Strategy</a></div> </div> <div class="cbp-footer-year"> <span>2021</span> </div> </div> </div> <div class="cbp-item identity graphic"> <div class="cbp-caption"> <div class="cbp-caption-defaultWrap"> <img src="assets/img/portfolio/mid6.jpg" alt=""> </div> <div class="cbp-caption-activeWrap"> <div class="cbp-l-caption-alignCenter"> <div class="cbp-l-caption-body"> <a href="assets/js/vendors/cubeportfolio/ajax-juicy-projects/project5.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">More</a> <a href="https://www.youtube.com/watch?v=E9qIPxg5t6E" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Remind~Me More<br>by Tiberiu Neamu">View</a> </div> </div> </div> </div> <div class="cbp-1-title-bg d-flex align-items-center justify-content-between"> <div class="cbp-footer-number"> <div class="cbp-l-grid-projects-number">00.06</div> </div> <div class="cbp-footer-title"> <div class="cbp-l-grid-projects-desc">Brand Guidelines</div> <div class="cbp-l-grid-projects-title"><a href="portfolio-details.html">Elevate brands in the digital</a></div> </div> <div class="cbp-footer-year"> <span>2020</span> </div> </div> </div> </div> <div class="portfolio-border-bottom"></div> </div> </div> </section> <!-- ============= END PORTFOLIO BLOCK ============= --> <!-- ============= 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> <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-masonry-4col.js"></script> <!-- CUBE PORTFOLIO --> <script type="text/javascript" src="./assets/js/vendors/cubeportfolio/portfolio-full-width.js"></script> <!-- ============= MAIN JS ============= --> <script src="./assets/js/active.js"></script> </body> <!-- =============END BODY ============= --> </html> <!-- =============END HTML ============= -->
💾 保存
取消
保存为 UTF-8,换行统一为 LF