portfolio.html 12 KB

1
  1. <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>Terse - Creative Multi Page Template</title><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no"><meta name="description" content="Terse - Creative Multi Page Template"><meta name="author" content="MosaicDesign"><!-- favicon --><link rel="shortcut icon" href="static/picture/favicon.png" type="image/x-icon"><!-- style links --><link rel="stylesheet" href="static/css/bootstrap.css"><link rel="stylesheet" href="static/css/glide.core.min.css"><link rel="stylesheet" href="static/css/lineicons.css"><link rel="stylesheet" href="static/css/glightbox.min.css"><link rel="stylesheet" href="static/css/animation.css"><link rel="stylesheet" href="static/css/preloader.css"><link rel="stylesheet" href="static/css/main.css"><link rel="stylesheet" href="static/css/responsive.css"><!-- end style links --></head><body><!-- document Terse--><div id="preloader"><div class="preloader"><div class="lds-ellipsis"><div></div><div></div><div></div></div><div class="preloader-top"></div><div class="preloader-bottom"></div></div><!-- / preloader --></div><!-- / preloader --><div class="parent"><nav><div class="terse-navigation-menu"><div class="nav-switch"><div class="switch-content"><span class="switch-item"></span><span class="switch-item"></span><span class="switch-item"></span></div><ul class="list-unstyled nav-icon"><li><i class="lni lni-dribbble"></i></li><li><i class="lni lni-twitter"></i></li><li><i class="lni lni-instagram"></i></li></ul></div><div class="nav-head"><a href="index.html"><img src="static/picture/logotype-dark.png" class="brand" alt="brand"></a></div><div class="nav-body"><ul class="list-unstyled terse-navbar"><li><a href="#" class="big-nav">home</a><i class="lni lni-chevron-down dropicon"></i><ul class="list-unstyled nav-dropdown"><li><a href="homepage-GYM.html">homepage-GYM</a></li><li><a href="homepage-Education.html">homepage-Education</a></li><li><a href="homepage-Music.html">homepage-Music</a></li></ul></li><li class="active-big-nav"><a href="#" class="big-nav">inner page</a><i class="lni lni-chevron-down dropicon"></i><ul class="list-unstyled nav-dropdown"><li><a href="about.html">about</a></li><li><a href="service.html">service</a></li><li class="active-nav"><a href="">portfolio</a></li><li><a href="team.html">team</a></li><li><a href="news.html">news</a></li><li><a href="news-content.html">news-content</a></li><li><a href="projects.html">project</a></li><li><a href="schedule.html">schedule</a></li><li><a href="workout.html">workout</a></li><li><a href="404-error.html">404-page</a></li></ul></li><li><a href="contact.html" class="big-nav">contact</a></li></ul></div><ul class="list-unstyled nav-footer"><li><i class="lni lni-dribbble"></i>dribble </li><li><i class="lni lni-twitter"></i>twitter </li><li><i class="lni lni-instagram"></i>instagram </li></ul></div></nav><div class="lower-title-block"><span class="lower-title">portfolio </span></div><div class="basic-section"><section><div class="inner-page-home background background-fixed" data-bg="static/picture/01inner-hero.jpg"><div class="container h-100"><div class="text-content-block"><div class="text-content mouceMoveItem mouceMove" data-speed="-2"><span class="title-home">portfolio </span><nav aria-label="breadcrumb"><ol class="breadcrumb"><li class="breadcrumb-item"><a href="#">home</a></li><li class="breadcrumb-item active" aria-current="page">portfolio</li></ol></nav></div></div></div></div><!-- / section-block-home --></section><!-- / home --><section><div class="section-block-1 section-bg-black"><div class="container"><div class="section-sub-title-block"><div class="section-sub-title">recent works</div></div><!-- / section-sub-title --><div class="row"><div class="col-lg-12"><div class="glide portfolio"><div class="glide__track h-100" data-glide-el="track"><ul class="glide__slides h-100"><li class="glide__slide"><div class="widget-block portflio-slider"><div class="p-img"><img src="static/picture/portfolio1.jpg" alt="portfolio" class="img-fluid"></div><a href="projects.html" class="w-title">beautiful scenery</a></div></li><!-- / glide item --><li class="glide__slide"><div class="widget-block portflio-slider"><div class="p-img"><img src="static/picture/portfolio2.jpg" alt="portfolio" class="img-fluid"></div><a href="projects.html" class="w-title">hard rock</a></div></li><!-- / glide item --><li class="glide__slide"><div class="widget-block portflio-slider"><div class="p-img"><img src="static/picture/portfolio3.jpg" alt="portfolio" class="img-fluid"></div><a href="projects.html" class="w-title">long way</a></div></li><!-- / glide item --><li class="glide__slide"><div class="widget-block portflio-slider"><div class="p-img"><img src="static/picture/portfolio4.jpg" alt="portfolio" class="img-fluid"></div><a href="projects.html" class="w-title">beautiful car</a></div></li><!-- / glide item --></ul><div class="glide__arrows portfolio-control" data-glide-el="controls"><button class="glide__arrow glide__arrow--left" data-glide-dir="<"><i class="lni lni-arrow-left"></i><span class="border-circle"></span></button><button class="glide__arrow glide__arrow--right" data-glide-dir=">"><i class="lni lni-arrow-right"></i><span class="border-circle"></span></button></div><!-- / glide controls --></div><!-- / glide-track --></div><!-- / glide --></div><!-- / col --></div><!-- / row --></div><!-- / container --></div><!-- / section-block --></section><!-- / portfolio --><section><div class="section-block-1 section-bg-dark"><div class="container"><div class="section-sub-title-block"><div class="section-sub-title">feature work</div></div><!-- / section-sub-title --><div class="row mb-lg-30"><div class="col-lg-5 col-md-12"><div class="widget-block portfolio-article mbo-0 threeD"><a href="projects.html" class="w-title">coliseum</a><p class="w-info">The Colosseum(/klsim/ KOL--SEE-m;Italian:Colosseo [kolosso]) is an oval amphitheatre in the centre of the city of Rome,Italy,just east of the Roman Forum. It is the largest ancient amphitheatre ever built,and is still the largest standing amphitheatre in the world today. </p><ul class="list-unstyled portfolio-article-footer"><li><i class="lni lni-eye"></i>948</li><li><i class="lni lni-heart"></i>10k</li></ul></div></div><!-- / col --><div class="col-lg-7 col-md-12"><div class="widget-block article-img background" data-bg="static/picture/article.jpg"><div class="portfolio-bg-layer"><a href="static/picture/article.jpg" class="glightbox2"><i class="lni lni-zoom-in"></i></a></div></div></div><!-- / col --></div><!-- / row --><div class="row mb-lg-30"><div class="col-lg-5 col-md-12 order-lg-1"><div class="widget-block portfolio-article mbo-0 threeD"><a href="projects.html" class="w-title">bridge</a><p class="w-info">The Colosseum(/klsim/ KOL--SEE-m;Italian:Colosseo [kolosso]) is an oval amphitheatre in the centre of the city of Rome,Italy,just east of the Roman Forum. It is the largest ancient amphitheatre ever built,and is still the largest standing amphitheatre in the world today. </p><ul class="list-unstyled portfolio-article-footer"><li><i class="lni lni-eye"></i>948</li><li><i class="lni lni-heart"></i>10k</li></ul></div></div><!-- / col --><div class="col-lg-7 col-md-12 order-lg-0"><div class="widget-block article-img background" data-bg="static/picture/article2.jpg"><div class="portfolio-bg-layer"><a href="static/picture/article2.jpg" class="glightbox2"><i class="lni lni-zoom-in"></i></a></div></div></div><!-- / col --></div><!-- / row --><div class="row"><div class="col-lg-5 col-md-12"><div class="widget-block portfolio-article mbo-0 threeD"><a href="projects.html" class="w-title">japan</a><p class="w-info">The Colosseum(/klsim/ KOL--SEE-m;Italian:Colosseo [kolosso]) is an oval amphitheatre in the centre of the city of Rome,Italy,just east of the Roman Forum. It is the largest ancient amphitheatre ever built,and is still the largest standing amphitheatre in the world today. </p><ul class="list-unstyled portfolio-article-footer"><li><i class="lni lni-eye"></i>948</li><li><i class="lni lni-heart"></i>10k</li></ul></div></div><!-- / col --><div class="col-lg-7 col-md-12"><div class="widget-block article-img background" data-bg="static/picture/article3.jpg"><div class="portfolio-bg-layer"><a href="static/picture/article3.jpg" class="glightbox2"><i class="lni lni-zoom-in"></i></a></div></div></div><!-- / col --></div><!-- / row --></div><!-- / container --></div><!-- / section-block --></section><!-- / portfolio --><section><div class="section-block-2 section-bg-black"><div class="container"><div class="row"><div class="col-lg-3"><div class="inview-element"><div class="widget-block feature-counter bg-tra threeD"><div class="f-counter-number"><span data-purecounter-duration="1" data-purecounter-start="100" data-purecounter-end="232" data-purecounter-once="true" class="purecounter">0 </span></div><h4 class="w-title">customer</h4></div></div></div><!-- / col --><div class="col-lg-3"><div class="inview-element"><div class="widget-block feature-counter bg-tra threeD"><div class="f-counter-number"><span data-purecounter-duration="1" data-purecounter-start="100" data-purecounter-end="465" data-purecounter-once="true" class="purecounter">0 </span></div><h4 class="w-title">employee</h4></div></div></div><!-- / col --><div class="col-lg-3"><div class="inview-element"><div class="widget-block feature-counter bg-tra threeD"><div class="f-counter-number"><span data-purecounter-duration="1" data-purecounter-start="100" data-purecounter-end="755" data-purecounter-once="true" class="purecounter">0 </span></div><h4 class="w-title">awards</h4></div></div></div><!-- / col --><div class="col-lg-3"><div class="inview-element"><div class="widget-block feature-counter bg-tra threeD"><div class="f-counter-number"><span data-purecounter-duration="1" data-purecounter-start="100" data-purecounter-end="1025" data-purecounter-once="true" class="purecounter">0 </span></div><h4 class="w-title">certificate</h4></div></div></div><!-- / col --></div><!-- / row --></div><!-- / container --></div><!-- / section-block --></section><!-- / feature-number --><section><div class="section-block-footer section-bg-footer footer"><div class="bg-character background" data-bg="static/picture/circle-dotted.png"></div><div class="bg-character ch-right background" data-bg="static/picture/circle-dotted.png"></div><div class="container"><div class="row"><div class="col-lg-7"><div class="widget-block get-in-touch left"><h3 class="section-sub-title">Would you like more information or do you have a question? </h3></div></div><!-- / col --><div class="col-lg-5"><div class="widget-block get-in-touch right"><a href="#" class="btn-default">contact</a></div></div><!-- / col --></div><!-- / row --></div><!-- / container --></div><!-- / section-block --></section><!-- / contact --><span class="section-line"></span><section><div class="section-block-2 section-bg-footer"><div class="container"><div class="row"><div class="col-lg-6"><div class="widget-block footer-item text-left"><ul class="list-unstyled phone-numbers"><li>by phone :</li><li><a href=""><i class="lni lni-phone"></i>+2003-1116</a></li><li><a href=""><i class="lni lni-phone"></i>+2004-0823</a></li></ul></div></div><!-- / col --><div class="col-lg-6"><div class="widget-block footer-item text-right"> 2021 Terse is Proudly Powered By <a href="http://www.sucai8.cn">sucai8.cn</a></div></div><!-- / col --></div><!-- / row --></div><!-- / container --></div><!-- footer-block --></section><!-- / footer --></div><!-- / basic section --></div><!-- / parent div --><!-- js links --><script src="static/js/bootstrap.js"></script><script src="static/js/glide.js"></script><script src="static/js/glightbox.min.js"></script><script src="static/js/comparision.js"></script><script src="static/js/purecounter.js"></script><script src="static/js/main.js"></script><!-- end js links --><script>var glide = new Glide('.portfolio',{type:'carousel',gap:24,perView:2,autoplay:3500,animationDuration:800,rewindDuration:3000,breakpoints:{991:{perView:1},}}).mount();</script></body></html>