👁 查看:portfolio-details.html
路径:/home/boguraj1/newspaper.bogurajobs.com/gc/portfolio-details.html
大小:23.4 KB · 修改:2024-04-01 10:49:34 · 权限: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 portfolio-bg-style clearfix">
                <div class="full-width-block common-page">
                    <div class="container">
                        <div class="banner-block-content">
                            <div class="home-main-contant-style-7">
                                <div class="portfolio-list-block-title">
                                    <h1>Mobile application design</h1>
                                </div>
                                <div class="portfolio-list-block-cat">
                                    <h3>Graphic Design   /   2024</h3>
                                </div>
                            </div>
                        </div>

                        <div class="portfolio-detalis-info">
                            <div class="single_list">
                                <ul>
                                    <li>
                                        <div class="list_inner">
                                            <h3>Client:</h3>
                                            <p>Jhoneson Roy</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="list_inner">
                                            <h3>Category:</h3>
                                            <p>Mobile application design</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="list_inner">
                                            <h3>Date:</h3>
                                            <p>11 February, 2024</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="list_inner">
                                            <h3>Location:</h3>
                                            <p>Broklyn, New York</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="list_inner">
                                            <h3>Follow:</h3>
                                            <ul>
                                                <li>
                                                    <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 124 124" id="facebook" class="sm_svg replaced-svg"><path fill="" fill-rule="evenodd" d="M50.1 62.4v44.4c0 .6.5 1.2 1.2 1.2h16.5c.6 0 1.2-.5 1.2-1.2V61.6h11.9c.6 0 1.1-.5 1.2-1.1l1-13.5c.1-.7-.5-1.3-1.2-1.3h-13v-9.6c0-2.3 1.8-4.1 4.1-4.1h9.2c.6 0 1.2-.5 1.2-1.2V17.3c0-.6-.5-1.2-1.2-1.2H66.6c-9.1 0-16.5 7.4-16.5 16.5v13.1h-8.2c-.6 0-1.2.5-1.2 1.2v13.6c0 .6.5 1.2 1.2 1.2h8.2v.7z" clip-rule="evenodd"></path></svg></a>
                                                </li>
                                                <li>
                                                    <a href="#"><svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 124 124" viewBox="0 0 124 124" id="twitter" class="sm_svg replaced-svg"><path fill="" d="M106.3,36.6c-2.8,1.3-6,2.1-9,2.6c1.5-0.2,3.6-2.9,4.5-3.9c1.3-1.6,2.4-3.5,3-5.5     c0.1-0.2,0.1-0.4,0-0.5c-0.2-0.1-0.3,0-0.5,0c-3.4,1.8-6.9,3.2-10.7,4.1c-0.3,0.1-0.5,0-0.7-0.2c-0.3-0.4-0.6-0.7-0.9-1     c-1.6-1.3-3.3-2.4-5.2-3.2c-2.5-1-5.3-1.5-8-1.3c-2.6,0.2-5.2,0.9-7.5,2.1c-2.3,1.2-4.4,2.9-6.1,5c-1.7,2.1-3,4.6-3.6,7.3     c-0.6,2.6-0.6,5.1-0.2,7.7c0.1,0.4,0,0.5-0.4,0.4C46.2,48.1,34,42.9,24.1,31.6c-0.4-0.5-0.7-0.5-1,0c-4.3,6.5-2.2,16.9,3.2,22.1     c0.7,0.7,1.5,1.4,2.3,2c-0.3,0.1-3.9-0.3-7.1-2c-0.4-0.3-0.6-0.1-0.7,0.4c0,0.7,0,1.3,0.1,2.1c0.8,6.6,5.4,12.7,11.6,15     c0.7,0.3,1.6,0.6,2.4,0.7c-1.4,0.3-2.9,0.5-7,0.2c-0.5-0.1-0.7,0.2-0.5,0.6C30.4,81.1,37,83.6,42,85c0.7,0.1,1.3,0.1,2,0.3     c0,0.1-0.1,0.1-0.1,0.1c-1.6,2.5-7.3,4.4-10,5.3c-4.8,1.7-10.1,2.4-15.2,1.9c-0.8-0.1-1-0.1-1.2,0c-0.2,0.1,0,0.3,0.2,0.5     c1,0.7,2.1,1.3,3.2,1.9c3.2,1.7,6.6,3.1,10.1,4.1c18.2,5,38.8,1.3,52.5-12.3C94.2,76.2,98,61.5,98,46.7c0-0.6,0.7-0.9,1.1-1.2     c2.8-2.1,5-4.6,7.1-7.4c0.5-0.6,0.4-1.2,0.4-1.4c0,0,0-0.1,0-0.1C106.6,36.4,106.7,36.4,106.3,36.6z"></path><path fill="" fill-rule="evenodd" d="M43.9 101C51.4 101 44.2 101 43.9 101 44.9 101 43.8 101 43.9 101zM43.9 101C43.8 101 42.4 101 43.9 101 43.9 101 43.6 101 43.9 101zM46.9 101.1C46.9 100.9 48.5 101.1 46.9 101.1 46.9 101 47.1 101.1 46.9 101.1zM78.5 27.9c-.1.1-.2.1-.4 0C78.2 27.9 78.4 27.9 78.5 27.9z" clip-rule="evenodd"></path></svg></a>
                                                </li>
                                                <li>
                                                    <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 124 124" id="instagram" class="sm_svg replaced-svg"><path d="M87.2 33.6c-3.1 0-5.6 2.5-5.6 5.6 0 3.1 2.5 5.6 5.6 5.6 3.1 0 5.6-2.5 5.6-5.6 0-3.1-2.5-5.6-5.6-5.6zm-25 7.2c-13 0-23.6 10.6-23.6 23.6S49.2 88 62.2 88s23.6-10.6 23.6-23.6-10.6-23.6-23.6-23.6zm0 38.8c-8.4 0-15.1-6.8-15.1-15.1 0-8.4 6.8-15.1 15.1-15.1 8.4 0 15.1 6.8 15.1 15.1s-6.8 15.1-15.1 15.1zm47.7-34.8C109.9 28.9 97 16 81.1 16H43c-15.9 0-28.8 12.9-28.8 28.8v38.1c0 15.9 12.9 28.8 28.8 28.8h38c15.9 0 28.8-12.9 28.8-28.8V44.8zm-9.1 38c0 10.9-8.9 19.8-19.8 19.8H43c-10.9 0-19.8-8.9-19.8-19.8v-38C23.2 33.8 32 25 43 25h38c10.9 0 19.8 8.9 19.8 19.8v38z"></path></svg></a>
                                                </li>
                                                <li>
                                                    <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 124 124" id="linkedin" class="sm_svg replaced-svg"><path fill="" d="M102.4 70.7v28.5c0 .7-.6 1.3-1.3 1.3H86.4c-.7 0-1.3-.6-1.3-1.3V72.7c0-7-2.5-11.8-8.8-11.8-4.8 0-7.6 3.2-8.9 6.3-.5 1.1-.6 2.7-.6 4.2v27.8c0 .7-.6 1.3-1.3 1.3H50.9c-.7 0-1.3-.6-1.3-1.3 0-7.1.2-41.4 0-49.4 0-.7.6-1.3 1.3-1.3h14.7c.7 0 1.3.6 1.3 1.3v6.1c0 .1-.1.1-.1.2h.1v-.2c2.3-3.5 6.4-8.6 15.6-8.6 11.4 0 19.9 7.5 19.9 23.4zM24 100.6h14.7c.7 0 1.3-.6 1.3-1.3V49.8c0-.7-.6-1.3-1.3-1.3H24c-.7 0-1.3.6-1.3 1.3v49.5c.1.7.6 1.3 1.3 1.3z"></path><circle cx="30.9" cy="32.7" r="9.3" fill="#333033"></circle></svg></a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div class="portfolio-detalis-top-image">
                            <img src="./assets/img/portfolio/big1.jpg"  alt="big image"/>

                            <div class="portfolio-detalis-text">
                                <h3 class="portfolio-detalis-title">UI/UX design is a dynamic and ever-evolving field that marries 
                                    creativity with user-centric principles</h3>
                                <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam,</p>
                                <p>Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtains some advantage from it? But who has any right to fault  with a man who chooses to enjoy a pleasure that has no annoying consequences, </p>
                            </div>
                            <div class="portfolio-detalis-list">
                                <div class="portfolio-detalis-overview">
                                    <h3 class="portfolio-detalis-overview-title">Overview</h3>
                                    <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. </p>
                                </div>
                                <ul>
                                    <li>
                                        <div class="list_inner">
                                            <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore fugiat.</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="list_inner">
                                            <p>Nor again is there anyone who loves or pursues or desires to obtain pain of itself, </p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="list_inner">
                                            <p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks </p>
                                        </div>
                                    </li>
                                </ul>
                            </div>

                            <img src="./assets/img/portfolio/big2.jpg"  alt="big image"/>
                            <div class="portfolio-detalis-list">
                                <div class="portfolio-detalis-overview">
                                    <h3 class="portfolio-detalis-overview-title">Challenge</h3>
                                    <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. </p>
                                </div>
                                <ul>
                                    <li>
                                        <div class="list_inner">
                                            <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore fugiat.</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="list_inner">
                                            <p>Nor again is there anyone who loves or pursues or desires to obtain pain of itself, </p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="list_inner">
                                            <p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks </p>
                                        </div>
                                    </li>
                                </ul>
                            </div>

                            <div class="portfolio-detalis-list">
                                <div class="portfolio-detalis-overview">
                                    <h3 class="portfolio-detalis-overview-title">Results</h3>
                                    <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. </p>
                                </div>
                                <ul>
                                    <li>
                                        <div class="list_inner">
                                            <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore fugiat.</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="list_inner">
                                            <p>Nor again is there anyone who loves or pursues or desires to obtain pain of itself, </p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="list_inner">
                                            <p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks </p>
                                        </div>
                                    </li>
                                </ul>

                                <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. </p>

                            </div>

                        </div>
                        
                        <div class="pagination-block">
                        <div class="prev_next d-flex align-items-center justify-content-between">
                            <div class="prev">
                                <a href="#">Previous</a>
                            </div>
                            <div class="back-to-ovrview">
                                <a href="portfolio.html">Back To Overview</a>
                            </div>                      
                            <div class="next">
                                <a href="#">Next</a>
                            </div>
                        </div>
                    </div>
                  </div>
                </div>
            </section>
            <!-- ============= END BANNER BLOCK ============= -->



            
         
    <!-- ============= FOOTER ============= -->
            <footer>
                <div class="footer-wrapper footer-bg-style2 footer-bg-block" style="background-image: url('./assets/img/footer-bg-2.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-grid-2col.js"></script>
        <!-- CUBE PORTFOLIO -->
        <script type="text/javascript" src="./assets/js/vendors/cubeportfolio/blog-grid-1col.js"></script>
        <!-- ============= MAIN JS ============= -->
        <script src="./assets/js/active.js"></script>
    </body>
    <!-- =============END BODY ============= -->
</html>
<!-- =============END HTML ============= -->