✏️ 编辑:index.html
路径:
/home/boguraj1/newspaper.bogurajobs.com/gc/index.html
大小:72.4 KB · 修改:2024-04-01 08:08:38 · 权限: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 clearfix" id="top"> <div class="full-width-block"> <div class="container"> <div class="banner-block-content"> <div class="row align-items-center"> <div class="col col-xl-1 col-lg-1 col-md-1 col-12 order-md-1 order-2"> </div> <div class="col col-xl-10 col-lg-10 col-md-10 col-12 order-md-2 order-1 banner-center"> <div class="banner-image"><img src="assets/img/banner.webp" alt="" /></div> <div class="banner-content"> <h1>HI T<span class="back-text">HER</span>E I'M <br>RIZ<span class="fornt-text">WAN</span> ROY</h1> </div> <div class="banner-sub-content "> <div class="d-flex justify-content-lg-between align-items-center"> <h3 class="text-left">Creative Visual Designer</h3> <h3 class="text-right">Based in Paris, France.</h3> </div> </div> </div> <div class="col col-xl-1 col-lg-1 col-md-1 col-12 order-md-3 order-3"> </div> </div> </div> </div> </div> </section> <!-- ============= END BANNER BLOCK ============= --> <!-- ============= START ABOUT BLOCK ============= --> <section class="about-block home-main-contant-style-2"> <div class="full-width-about-block"> <div class="container"> <div class="section-title"> <h2 class="section-heading">About Me</h2> <div class="about-content"> <h1>Hello world! I'm Rizwan Roy, a 3D & motion designer Based in France. I enjoy creating meaningful narratives through motion graphics and experimenting with new technology to convey stories. </h1> </div> </div> </div> </div> </section> <!-- ============= END ABOUT BLOCK ============= --> <!--============= START COUNTER=============--> <section class="home-main-contant-style-5"> <div class="container"> <div class="home-counter-block"> <div class="row"> <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6"> <div class="single-count counter-item d-flex justify-content-lg-between align-items-center"> <div class="counter-text"><span class="count">15</span>+</div> <h4>Years of Experance</h4> </div> </div> <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6"> <div class="single-count counter-item counter-item d-flex justify-content-lg-between align-items-center"> <div class="counter-text"><span class="count">36</span>k+</div> <h4>Project Completed</h4> </div> </div> <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6"> <div class="single-count counter-item counter-item d-flex justify-content-lg-between align-items-center"> <div class="counter-text"><span class="count">10</span>k+</div> <h4>Satisfied Clients</h4> </div> </div> <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6"> <div class="single-count counter-item counter-last-block counter-item d-flex justify-content-lg-between align-items-center"> <div class="counter-text"><span class="count">99</span>+</div> <h4>Worldwide languages</h4> </div> </div> </div> </div> </div> </section> <!--============= END COUNTER =============--> <!--============= START INFORMATION=============--> <section class="home-main-contant-style-6"> <div class="container"> <div class="home-about-content-block"> <div class="row"> <div class="col-xl-6 col-lg-12 col-md-12 col-sm-12"> <div class="about-left-content"> <ul> <li class="d-flex align-items-center justify-content-between"> <div class="about-list-content-left"> <h5>Name</h5> </div> <div class="about-list-content-right"> <h5>Rizwan Roy</h5> </div> </li> <li class="d-flex align-items-center justify-content-between"> <div class="about-list-content-left"> <h5>Email</h5> </div> <div class="about-list-content-right"> <h5>contact@gmail.com</h5> </div> </li> <li class="d-flex align-items-center justify-content-between"> <div class="about-list-content-left"> <h5>Skype</h5> </div> <div class="about-list-content-right"> <h5>rizwanroy333</h5> </div> </li> <li class="d-flex align-items-center justify-content-between"> <div class="about-list-content-left"> <h5>Phone</h5> </div> <div class="about-list-content-right"> <h5>03.16.97.43.63</h5> </div> </li> <li class="d-flex align-items-center justify-content-between"> <div class="about-list-content-left"> <h5>Address</h5> </div> <div class="about-list-content-right"> <h5>48 Boulevard, 75014 Paris</h5> </div> </li> <li class="d-flex align-items-center justify-content-between"> <div class="about-list-content-left"> <h5>Follow Me</h5> </div> <div class="about-list-content-right social-icon-list"> <ul> <li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li> <li><a href="#"><i class="fa-brands fa-twitter"></i></a></li> <li><a href="#"><i class="fa-brands fa-behance"></i></a></li> <li><a href="#"> <i class="fa-brands fa-instagram"></i></a></li> </ul> </div> </li> </ul> </div> </div> <div class="col-xl-6 col-lg-12 col-md-12 col-sm-12"> <div class="about-right-content"> <img class="border-radius-10" src="assets/img/about/about.jpg" alt="about me" /> </div> </div> </div> </div> </div> </section> <!--============= END INFORMATION =============--> <!--============= START MARQUEE SLIDER=============--> <div class="marquee-slider-section"> <div class="marquee-slider-block"> <div class="slide-roll"> <div class="roll-box"> <div class="roll-item"> <div class="roll-title d-flex align-items-center"> <h4 class="title">UI/UX Design</h4> </div> </div> <span class="portal-icon">/</span> <div class="roll-item"> <div class="roll-title d-flex align-items-center"> <h4 class="title">Product Design</h4> </div> </div> <span class="portal-icon">/</span> <div class="roll-item"> <div class="roll-title d-flex align-items-center"> <h4 class="title">Branding Design</h4> </div> </div> <span class="portal-icon">/</span> <div class="roll-item"> <div class="roll-title d-flex align-items-center"> <h4 class="title">Art Director</h4> </div> </div> <span class="portal-icon">/</span> <div class="roll-item"> <div class="roll-title d-flex align-items-center"> <h4 class="title">Illustration</h4> </div> </div> </div> <div class="roll-box"> <div class="roll-item"> <div class="roll-title d-flex align-items-center"> <h4 class="title">UI/UX Design</h4> </div> </div> <span class="portal-icon">/</span> <div class="roll-item"> <div class="roll-title d-flex align-items-center"> <h4 class="title">Product Design</h4> </div> </div> <span class="portal-icon">/</span> <div class="roll-item"> <div class="roll-title d-flex align-items-center"> <h4 class="title">Branding Design</h4> </div> </div> <span class="portal-icon">/</span> <div class="roll-item"> <div class="roll-title d-flex align-items-center"> <h4 class="title">Art Director</h4> </div> </div> <span class="portal-icon">/</span> <div class="roll-item"> <div class="roll-title d-flex align-items-center"> <h4 class="title">Illustration</h4> </div> </div> </div> </div> </div> <div class="text-slider-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 class="marquee-slider-block-three"> <div class="slide-roll"> <div class="roll-box roll-box-revers"> <div class="roll-item"> <div class="roll-title d-flex align-items-center"> <h4 class="title">UI/UX Design</h4> </div> </div> <span class="portal-icon">/</span> <div class="roll-item"> <div class="roll-title d-flex align-items-center"> <h4 class="title">Product Design</h4> </div> </div> <span class="portal-icon">/</span> <div class="roll-item"> <div class="roll-title d-flex align-items-center"> <h4 class="title">Branding Design</h4> </div> </div> <span class="portal-icon">/</span> <div class="roll-item"> <div class="roll-title d-flex align-items-center"> <h4 class="title">Art Director</h4> </div> </div> <span class="portal-icon">/</span> <div class="roll-item"> <div class="roll-title d-flex align-items-center"> <h4 class="title">Illustration</h4> </div> </div> </div> <div class="roll-box roll-box-revers"> <div class="roll-item"> <div class="roll-title d-flex align-items-center"> <h4 class="title">UI/UX Design</h4> </div> </div> <span class="portal-icon">/</span> <div class="roll-item"> <div class="roll-title d-flex align-items-center"> <h4 class="title">Product Design</h4> </div> </div> <span class="portal-icon">/</span> <div class="roll-item"> <div class="roll-title d-flex align-items-center"> <h4 class="title">Branding Design</h4> </div> </div> <span class="portal-icon">/</span> <div class="roll-item"> <div class="roll-title d-flex align-items-center"> <h4 class="title">Art Director</h4> </div> </div> <span class="portal-icon">/</span> <div class="roll-item"> <div class="roll-title d-flex align-items-center"> <h4 class="title">Illustration</h4> </div> </div> </div> </div> </div> </div> <!--============= END MARQUEE SLIDER=============--> <!-- ============= START SKILLS BLOCK ============= --> <section class="skills-block home-main-contant-style-2"> <div class="container"> <div class="section-title"> <h2 class="section-heading">My Skills Here</h2> <div class="about-content"> <h1><span>Over a decade of experience</span> in interactive design and working with some of the most talented people in the business</h1> </div> </div> <div class="skills-block-content"> <div class="row"> <div class="col-xl-2 col-lg-2 col-md-4 col-sm-6 text-center"> <div class="skills-list"> <div class="skills-icon"><img src="assets/img/skills/01.png" alt="skills" /></div> <div class="skills-percentage">92%</div> <h4 class="skills-title">Figma</h4> </div> </div> <div class="col-xl-2 col-lg-2 col-md-4 col-sm-6 text-center"> <div class="skills-list"> <div class="skills-icon"><img src="assets/img/skills/02.png" alt="skills" /></div> <div class="skills-percentage">90%</div> <h4 class="skills-title">Potoshop</h4> </div> </div> <div class="col-xl-2 col-lg-2 col-md-4 col-sm-6 text-center"> <div class="skills-list"> <div class="skills-icon"><img src="assets/img/skills/03.png" alt="skills" /></div> <div class="skills-percentage">86%</div> <h4 class="skills-title">Sketch</h4> </div> </div> <div class="col-xl-2 col-lg-2 col-md-4 col-sm-6 text-center"> <div class="skills-list"> <div class="skills-icon"><img src="assets/img/skills/04.png" alt="skills" /></div> <div class="skills-percentage">80%</div> <h4 class="skills-title">Graphic</h4> </div> </div> <div class="col-xl-2 col-lg-2 col-md-4 col-sm-6 text-center"> <div class="skills-list"> <div class="skills-icon"><img src="assets/img/skills/05.png" alt="skills" /></div> <div class="skills-percentage">90%</div> <h4 class="skills-title">WordPress</h4> </div> </div> <div class="col-xl-2 col-lg-2 col-md-4 col-sm-6 text-center"> <div class="skills-list"> <div class="skills-icon"><img src="assets/img/skills/06.png" alt="skills" /></div> <div class="skills-percentage">99%</div> <h4 class="skills-title">Develop</h4> </div> </div> </div> </div> </div> </section> <!-- ============= END SKILLS BLOCK ============= --> <!-- ============= START PORTFOLIO BLOCK ============= --> <section class="portfolio-block home-main-contant-style-2"> <div class="container"> <div class="section-title"> <h2 class="section-heading">My Portfolio</h2> <div class="about-content"> <h1><span>Here are some select projects</span> that showcase my passion for creating memorable web experiences,products, and brands to life.</h1> </div> </div> <div class="home-main-contant-style"> <div id="js-grid-juicy-projects" class="cbp"> <div class="cbp-item graphic"> <div class="cbp-caption"> <div class="cbp-caption-defaultWrap"> <img src="assets/img/portfolio/1.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/1.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-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/2.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/2.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-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/3.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-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/4.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-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/5.jpg" class="cbp-lightbox" data-title="WhereTO App<br>by Tiberiu Neamu"> <img src="assets/img/portfolio/5.jpg" alt=""> </a> </div> <div class="cbp-slider-item"> <a href="assets/img/portfolio/1.jpg" class="cbp-lightbox" data-title="World Clock Widget<br>by Paul Flavius Nechita"> <img src="assets/img/portfolio/1.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/4.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-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/6.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-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-contact-btn"><a href="portfolio.html">See All Projects <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> </section> <!-- ============= END PORTFOLIO BLOCK ============= --> <!-- ============= START SERVICE BLOCK ============= --> <section class="service-block home-main-contant-style-2"> <div class="container"> <div class="section-title home-main-contant-style-3"> <h2 class="section-heading">My Services</h2> <div class="about-content"> <h1><span>Our work builds more loyal </span>audiences by combining an unwavering focus on their needs and desires, and our relentless pursuit of design excellence.</h1> </div> </div> <div class="row"> <div class="col-lg-12"> <div class="service-item"> <div class="service-content d-flex align-items-center justify-content-start"> <h5 class="service-number">01</h5> <div class="service-content"> <h3><a class="service-title" href="services-details.html">Illustration Design</a></h3> <p class="service-desc">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> </div> </div> <div class="service-inner d-flex align-items-center justify-content-end"> <div class="service-inner-image"> <img src="assets/img/service/1.jpg" alt="Image"> </div> <div class="service-btn"> <a href="services-details.html"><span>Read More</span><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 class="service-item"> <div class="service-content d-flex align-items-center justify-content-start"> <h5 class="service-number">02</h5> <div class="service-content"> <h3><a class="service-title" href="services-details.html">Business Branding</a></h3> <p class="service-desc">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> </div> </div> <div class="service-inner d-flex align-items-center justify-content-end"> <div class="service-inner-image"> <img src="assets/img/service/2.jpg" alt="Image"> </div> <div class="service-btn"> <a href="services-details.html"><span>Read More</span><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 class="service-item"> <div class="service-content d-flex align-items-center justify-content-start"> <h5 class="service-number">03</h5> <div class="service-content"> <h3><a class="service-title" href="services-details.html">Graphic Design</a></h3> <p class="service-desc">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> </div> </div> <div class="service-inner d-flex align-items-center justify-content-end"> <div class="service-inner-image"> <img src="assets/img/service/3.jpg" alt="Image"> </div> <div class="service-btn"> <a href="services-details.html"><span>Read More</span><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 class="service-item"> <div class="service-content d-flex align-items-center justify-content-start"> <h5 class="service-number">04</h5> <div class="service-content"> <h3><a class="service-title" href="services-details.html">Web Development</a></h3> <p class="service-desc">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> </div> </div> <div class="service-inner d-flex align-items-center justify-content-end"> <div class="service-inner-image"> <img src="assets/img/service/4.jpg" alt="Image"> </div> <div class="service-btn"> <a href="services-details.html"><span>Read More</span><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 class="service-item last-item"> <div class="service-content d-flex align-items-center justify-content-start"> <h5 class="service-number">05</h5> <div class="service-content"> <h3><a class="service-title" href="services-details.html">Application Design</a></h3> <p class="service-desc">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> </div> </div> <div class="service-inner d-flex align-items-center justify-content-end"> <div class="service-inner-image"> <img src="assets/img/service/5.jpg" alt="Image"> </div> <div class="service-btn"> <a href="services-details.html"><span>Read More</span><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> </div> </section> <!-- ============= END SERVICE BLOCK ============= --> <!-- ============= START TESTIMONIAL BLOCK ============= --> <section class="home-testimonial-block home-main-contant-style-2"> <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>TESTIMONAILS</h1><span class="dot"></span><h1><span>TESTIMONAILS</span></h1> </div> </div> <div class="roll-item"> <div class="roll-title d-flex align-items-center"> <h1>TESTIMONAILS</h1><span class="dot"></span><h1><span>TESTIMONAILS</span></h1> </div> </div> </div> <div class="roll-box"> <div class="roll-item"> <div class="roll-title d-flex align-items-center"> <h1>TESTIMONAILS</h1><span class="dot"></span><h1><span>TESTIMONAILS</span></h1> </div> </div> <div class="roll-item"> <div class="roll-title d-flex align-items-center"> <h1>TESTIMONAILS</h1><span class="dot"></span><h1><span>TESTIMONAILS</span></h1> </div> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="home-main-contant-style testimonial-slider swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide item"> <span class="testimonial-icon"><i class="fa-solid fa-quote-left"></i></span> <div class="testimonial-dec"> <p>Nam libero tempore, cum soluta nobis est eligendi cumque nihil impedit quo minus id quod maxime placeat est, omnis dolor repellendus temporibus autem</p> </div> <div class="testimonial-content d-flex justify-content-lg-between align-items-center"> <div class="testimonial-image"> <img src="./assets/img/client/test1.png" alt="brand" class="slider-img" /> <h4 class="testimonial-title">Richard Jonas</h4> <h5 class="testimonial-sub-title">CEO of Teamwork</h5> </div> <div class="product-content-block"> <ul class="list-inline product-review"> <li><i class="rating-selected fa fa-star"></i></li> <li><i class="rating-selected fa fa-star"></i></li> <li><i class="rating-selected fa fa-star"></i></li> <li><i class="rating-selected fa fa-star"></i></li> <li><i class="rating-selected fa fa-star"></i></li> </ul> </div> </div> </div> <div class="swiper-slide item"> <span class="testimonial-icon"><i class="fa-solid fa-quote-left"></i></span> <div class="testimonial-dec"> <p>Nam libero tempore, cum soluta nobis est eligendi cumque nihil impedit quo minus id quod maxime placeat est, omnis dolor repellendus temporibus autem</p> </div> <div class="testimonial-content d-flex justify-content-lg-between align-items-center"> <div class="testimonial-image"> <img src="./assets/img/client/test2.png" alt="brand" class="slider-img" /> <h4 class="testimonial-title">Richard Jonas</h4> <h5 class="testimonial-sub-title">CEO of Teamwork</h5> </div> <div class="product-content-block"> <ul class="list-inline product-review"> <li><i class="rating-selected fa fa-star"></i></li> <li><i class="rating-selected fa fa-star"></i></li> <li><i class="rating-selected fa fa-star"></i></li> <li><i class="rating-selected fa fa-star"></i></li> <li><i class="rating-selected fa fa-star"></i></li> </ul> </div> </div> </div> <div class="swiper-slide item"> <span class="testimonial-icon"><i class="fa-solid fa-quote-left"></i></span> <div class="testimonial-dec"> <p>Nam libero tempore, cum soluta nobis est eligendi cumque nihil impedit quo minus id quod maxime placeat est, omnis dolor repellendus temporibus autem</p> </div> <div class="testimonial-content d-flex justify-content-lg-between align-items-center"> <div class="testimonial-image"> <img src="./assets/img/client/test1.png" alt="brand" class="slider-img" /> <h4 class="testimonial-title">Richard Jonas</h4> <h5 class="testimonial-sub-title">CEO of Teamwork</h5> </div> <div class="product-content-block"> <ul class="list-inline product-review"> <li><i class="rating-selected fa fa-star"></i></li> <li><i class="rating-selected fa fa-star"></i></li> <li><i class="rating-selected fa fa-star"></i></li> <li><i class="rating-selected fa fa-star"></i></li> <li><i class="rating-selected fa fa-star"></i></li> </ul> </div> </div> </div> <div class="swiper-slide item"> <span class="testimonial-icon"><i class="fa-solid fa-quote-left"></i></span> <div class="testimonial-dec"> <p>Nam libero tempore, cum soluta nobis est eligendi cumque nihil impedit quo minus id quod maxime placeat est, omnis dolor repellendus temporibus autem</p> </div> <div class="testimonial-content d-flex justify-content-lg-between align-items-center"> <div class="testimonial-image"> <img src="./assets/img/client/test2.png" alt="brand" class="slider-img" /> <h4 class="testimonial-title">Richard Jonas</h4> <h5 class="testimonial-sub-title">CEO of Teamwork</h5> </div> <div class="product-content-block"> <ul class="list-inline product-review"> <li><i class="rating-selected fa fa-star"></i></li> <li><i class="rating-selected fa fa-star"></i></li> <li><i class="rating-selected fa fa-star"></i></li> <li><i class="rating-selected fa fa-star"></i></li> <li><i class="rating-selected fa fa-star"></i></li> </ul> </div> </div> </div> </div> <!-- Add Pagination --> <div class="swiper-pagination"></div> </div> </div> </section> <!-- ============= END TESTIMONIAL BLOCK ============= --> <!-- ============= START BRAND BLOCK ============= --> <section class="home-brand-block home-main-contant-style"> <div class="container"> <div class="section-title"> <h1>I’ve 1100+ Global Clients & lot’s of Project Complete</h1> </div> </div> <div class="project-brands"> <div class="container"> <div class="client-slider owl-carousel"> <div class="slider-item"> <img src="./assets/img/client/1.png" alt="brand" class="slider-img" /> </div> <div class="slider-item"> <img src="./assets/img/client/2.png" alt="brand" class="slider-img" /> </div> <div class="slider-item"> <img src="./assets/img/client/3.png" alt="brand" class="slider-img" /> </div> <div class="slider-item"> <img src="./assets/img/client/4.png" alt="brand" class="slider-img" /> </div> <div class="slider-item"> <img src="./assets/img/client/5.png" alt="brand" class="slider-img" /> </div> </div> </div> </div> </section> <!-- ============= END BRAND BLOCK ============= --> <!-- ============= PRICING ============= --> <section class="home-main-contant-style pricing-wrapper portfolio-block"> <div class="container"> <div class="section-title"> <h2 class="section-heading">Pricing Plans</h2> <div class="about-content"> <h1><span>Your pricing page is a prime</span> opportunity to take control of the price conversation and make it even easier for people to buy.</h1> </div> </div> <div class="pricing-content home-main-contant-style-2"> <div class="row gy-5 gy-lg-0"> <div class="col-lg-4 col-md-6"> <div class="pricing-card"> <span class="pricing-plan">Basic Plan</span> <div class="pricing-price"> <div class="price"> <div class="price-small-text">$99.00</div><div class="price-small-text-month">Per Month</div> </div> </div> <ul class="plan-features"> <li class="features-item"> <span class="icon"><i class="fa-solid fa-arrow-right"></i></span> 1 Page with Elementor </li> <li class="features-item"> <span class="icon"><i class="fa-solid fa-arrow-right"></i></span>Content Upload </li> <li class="features-item"> <span class="icon"><i class="fa-solid fa-arrow-right"></i></span>Design Customization </li> <li class="features-item"> <span class="icon"><i class="fa-solid fa-arrow-right"></i></span>Design With XD </li> <li class="features-item"> <span class="icon"><i class="fa-solid fa-arrow-right"></i></span>Project management </li> </ul> <a href="price.html" class="button button-primary">Start My Project Now</a> </div> </div> <div class="col-lg-4 col-md-6"> <div class="pricing-card ultra-card"> <span class="pricing-plan">Ultra Plan</span> <div class="pricing-price"> <div class="price"> <div class="price-small-text">$199.00</div><div class="price-small-text-month">Per Month</div> </div> </div> <ul class="plan-features"> <li class="features-item"> <span class="icon"><i class="fa-solid fa-arrow-right"></i></span> 1 Page with Elementor </li> <li class="features-item"> <span class="icon"><i class="fa-solid fa-arrow-right"></i></span>Content Upload </li> <li class="features-item"> <span class="icon"><i class="fa-solid fa-arrow-right"></i></span>Design Customization </li> <li class="features-item"> <span class="icon"><i class="fa-solid fa-arrow-right"></i></span>Design With XD </li> <li class="features-item"> <span class="icon"><i class="fa-solid fa-arrow-right"></i></span>Project management </li> </ul> <a href="price.html" class="button button-primary">Start My Project Now</a> </div> </div> <div class="col-lg-4 col-md-6"> <div class="pricing-card"> <span class="pricing-plan">Gold Plan</span> <div class="pricing-price"> <div class="price"> <div class="price-small-text">$399.00</div><div class="price-small-text-month">Per Month</div> </div> </div> <ul class="plan-features"> <li class="features-item"> <span class="icon"><i class="fa-solid fa-arrow-right"></i></span> 1 Page with Elementor </li> <li class="features-item"> <span class="icon"><i class="fa-solid fa-arrow-right"></i></span>Content Upload </li> <li class="features-item"> <span class="icon"><i class="fa-solid fa-arrow-right"></i></span>Design Customization </li> <li class="features-item"> <span class="icon"><i class="fa-solid fa-arrow-right"></i></span>Design With XD </li> <li class="features-item"> <span class="icon"><i class="fa-solid fa-arrow-right"></i></span>Project management </li> </ul> <a href="price.html" class="button button-primary">Start My Project Now</a> </div> </div> </div> </div> </div> </section> <!-- =============END PRICING ============= --> <!-- ============= START BLOG BLOCK ============= --> <section class="blog-block home-main-contant-style-2"> <div class="container"> <div class="section-title"> <h2 class="section-heading">Latest stories</h2> <div class="about-content"> <h1><span>Read our blog and try to see</span> everything from every perspective. Our Passion lies in making everything accessible and aesthetic for everyone.</h1> </div> </div> <div class="home-main-contant-style"> <div class="blog-item"> <div class="row"> <div class="col-md-5"> <div class="blog-inner-image"> <img src="assets/img/blog/01.jpg" alt="Image"> </div> </div> <div class="col-md-7 d-flex justify-content-between align-items-start"> <div class="blog-content"> <div class="blog-date"><i class="fa-solid fa-circle"></i>February 12, 2024</div> <h1><a class="blog-title" href="blog-details.html"> Creative advertising in our life became an info noise</a></h1> <p class="blog-desc">Duis aute irure dolor in reprehenderit in voluptate velit cupidatat in proident, sunt in culpa qui officia deserunt</p> </div> <div class="blog-btn"><a href="blog-details.html"><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="blog-item"> <div class="row"> <div class="col-md-5"> <div class="blog-inner-image"> <img src="assets/img/blog/03.jpg" alt="Image"> </div> </div> <div class="col-md-7 d-flex justify-content-between align-items-start"> <div class="blog-content"> <div class="blog-date"><i class="fa-solid fa-circle"></i>February 12, 2024</div> <h1><a class="blog-title" href="blog-details.html">Creating a coherent brand experience</a></h1> <p class="blog-desc">Duis aute irure dolor in reprehenderit in voluptate velit cupidatat in proident, sunt in culpa qui officia deserunt</p> </div> <div class="blog-btn"><a href="blog-details.html"><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="blog-item last-item"> <div class="row"> <div class="col-md-5"> <div class="blog-inner-image"> <img src="assets/img/blog/02.jpg" alt="Image"> </div> </div> <div class="col-md-7 d-flex justify-content-between align-items-start"> <div class="blog-content"> <div class="blog-date"><i class="fa-solid fa-circle"></i>February 12, 2024</div> <h1><a class="blog-title" href="blog-details.html">We create some things for your success in growth</a></h1> <p class="blog-desc">Duis aute irure dolor in reprehenderit in voluptate velit cupidatat in proident, sunt in culpa qui officia deserunt</p> </div> <div class="blog-btn"><a href="blog-details.html"><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> </div> </section> <!-- ============= END BLOG 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 ============= --> <!-- Jquery --> <script src="./assets/js/vendors/jquery.min.js"></script> <!-- Bootstrap --> <script src="./assets/js/vendors/bootstrap.min.js"></script> <!-- swiper --> <script src="./assets/js/vendors/swiper.js"></script> <!-- waypoints --> <script src="./assets/js/vendors/jquery.waypoints.min.js"></script> <!-- counterup --> <script src="./assets/js/vendors/jquery.counterup.min.js"></script> <!--Owl Carousel --> <script src="./assets/js/vendors/owl.carousel.min.js"></script> <!-- Gsap --> <script type="text/javascript" src="./assets/js/vendors/gsap.min.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/portfolio-full-width.js"></script> <!-- ============= MAIN JS ============= --> <script src="./assets/js/active.js"></script> </body> <!-- =============END BODY ============= --> </html> <!-- =============END HTML ============= -->
💾 保存
取消
保存为 UTF-8,换行统一为 LF