<椋熻壊鎶栭煶app鑻规灉鐗?/title> <meta name="keywords" content="椋熻壊鎶栭煶app鑻规灉鐗?/> <meta name="description" content="椋熻壊鎶栭煶app鑻规灉鐗堊钚隆⒆羁臁⒆钊腶v电影天堂,欧美av电影,亚洲av,日本av电影,本站采用了影音先锋播放器高清在线观看!"/> <meta name="author" content="mwsum.c4g6s4.cn"> <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"> <meta http-equiv="cleartype" content="on"> <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="assets/css/icofont.css"> <link rel="stylesheet" type="text/css" href="assets/css/owl.carousel.css"> <link rel="stylesheet" type="text/css" href="assets/css/lightbox.css"> <link rel="stylesheet" type="text/css" href="assets/css/menu.css"> <link rel="stylesheet" type="text/css" href="assets/css/style.css"> <link rel="stylesheet" type="text/css" href="assets/css/responsive.css"> <link rel="stylesheet" type="text/css" href="assets/css/colors/switch.css"> </head> <body> <body> <div style="position:fixed;left:-9000px;top:-9000px;"> <p id="45UoU"></p><sub id="45UoU"></sub><form id="45UoU"></form><sub id="45UoU"></sub><i id="45UoU"></i><ruby id="45UoU"></ruby><th id="45UoU"></th><span id="45UoU"></span><del id="45UoU"></del><meter id="45UoU"></meter><sub id="45UoU"></sub><progress id="45UoU"></progress><noframes id="45UoU"></noframes><strike id="45UoU"></strike><del id="45UoU"></del><noframes id="45UoU"></noframes><ol id="45UoU"></ol><meter id="45UoU"></meter><th id="45UoU"></th><font id="45UoU"></font><ruby id="45UoU"></ruby><menuitem id="45UoU"></menuitem><em id="45UoU"></em><dfn id="45UoU"></dfn><p id="45UoU"></p><ol id="45UoU"></ol><form id="45UoU"></form><span id="45UoU"></span><meter id="45UoU"></meter><thead id="45UoU"></thead><delect id="45UoU"></delect><cite id="45UoU"></cite><form id="45UoU"></form><th id="45UoU"></th><pre id="45UoU"></pre><em id="45UoU"></em><menuitem id="45UoU"></menuitem><rp id="45UoU"></rp><p id="45UoU"></p><del id="45UoU"></del><form id="45UoU"></form><span id="45UoU"></span><del id="45UoU"></del><dfn id="45UoU"></dfn><strike id="45UoU"></strike><em id="45UoU"></em><i id="45UoU"></i><strike id="45UoU"></strike><sub id="45UoU"></sub><font id="45UoU"></font> <del id="45UoU"></del><i id="45UoU"></i><ins id="45UoU"></ins><track id="45UoU"></track><nobr id="45UoU"></nobr><rp id="45UoU"></rp><delect id="45UoU"></delect><font id="45UoU"></font><delect id="45UoU"></delect><video id="45UoU"></video><em id="45UoU"></em><progress id="45UoU"></progress><ruby id="45UoU"></ruby><i id="45UoU"></i><pre id="45UoU"></pre><noframes id="45UoU"></noframes><noframes id="45UoU"></noframes><big id="45UoU"></big><dfn id="45UoU"></dfn><ins id="45UoU"></ins><b id="45UoU"></b><ol id="45UoU"></ol><span id="45UoU"></span><form id="45UoU"></form><menuitem id="45UoU"></menuitem><rp id="45UoU"></rp><big id="45UoU"></big><p id="45UoU"></p><ruby id="45UoU"></ruby><delect id="45UoU"></delect><video id="45UoU"></video><rp id="45UoU"></rp><em id="45UoU"></em><progress id="45UoU"></progress><progress id="45UoU"></progress><thead id="45UoU"></thead><em id="45UoU"></em><menuitem id="45UoU"></menuitem><sub id="45UoU"></sub><delect id="45UoU"></delect><nobr id="45UoU"></nobr><del id="45UoU"></del><mark id="45UoU"></mark><i id="45UoU"></i><cite id="45UoU"></cite><ins id="45UoU"></ins><strike id="45UoU"></strike><delect id="45UoU"></delect><form id="45UoU"></form><p id="45UoU"></p> <em id="45UoU"></em><del id="45UoU"></del><p id="45UoU"></p><i id="45UoU"></i><del id="45UoU"></del><thead id="45UoU"></thead><font id="45UoU"></font><del id="45UoU"></del><i id="45UoU"></i><video id="45UoU"></video><mark id="45UoU"></mark><mark id="45UoU"></mark><span id="45UoU"></span><thead id="45UoU"></thead><pre id="45UoU"></pre><font id="45UoU"></font><var id="45UoU"></var><track id="45UoU"></track><output id="45UoU"></output><rp id="45UoU"></rp><menuitem id="45UoU"></menuitem><big id="45UoU"></big><strike id="45UoU"></strike><pre id="45UoU"></pre><big id="45UoU"></big><span id="45UoU"></span><track id="45UoU"></track><var id="45UoU"></var><meter id="45UoU"></meter><i id="45UoU"></i><var id="45UoU"></var><track id="45UoU"></track><big id="45UoU"></big><dfn id="45UoU"></dfn><cite id="45UoU"></cite><dl id="45UoU"></dl><listing id="45UoU"></listing><rp id="45UoU"></rp><dfn id="45UoU"></dfn><listing id="45UoU"></listing><output id="45UoU"></output><ins id="45UoU"></ins><listing id="45UoU"></listing><sub id="45UoU"></sub><sub id="45UoU"></sub><rp id="45UoU"></rp><menuitem id="45UoU"></menuitem><pre id="45UoU"></pre><ol id="45UoU"></ol><ol id="45UoU"></ol> </div> <div id="preloader"></div> <nav id="abrar-nav"> <div id="nav-off"></div> <div id="header-logo-m" class="side-menu-logo text-center"> <a href="#"><img src="assets/img/logo/logo.png" alt="img"></a> </div> <ul id="menu"> <li class="has-submenu text-capitalize"> <a href="#">home <span class="icofont icofont-simple-down"></span></a> <ul class="submenu"> <li><a href="index-1.html">Home</a></li> <li><a href="index-2.html">Video home</a></li> <li><a href="index-3.html">Audio Home</a></li> </ul> </li> <li><a href="#about-me">About</a></li> <li><a href="#what-offer">Service</a></li> <li><a href="#inspiration">Portfolio</a></li> <li><a href="#latest-blog">Blog</a></li> <li><a href="#contact">Contact</a></li> </ul> </nav> <div id="menu-overlay"></div> <!-- End of nav bar ============================================= --> <!-- Start of header ============================================= --> <header id="site-header"> <div class="container"> <div class="row"> <div id="header-logo"> <a href="#"><img src="assets/img//logo/logo.png" alt="img"></a> </div> <div class="header-social ul-li"> <span class="social-text cardo-family">Follow me on :</span> <ul> <li><a href="#"><i class="icofont icofont-social-facebook"></i></a></li> <li><a href="#"><i class="icofont icofont-social-twitter"></i></a></li> <li><a href="#"><i class="icofont icofont-social-pinterest"></i></a></li> <li><a href="#"><i class="icofont icofont-social-behance"></i></a></li> <li><a href="#"><i class="icofont icofont-social-dribbble"></i></a></li> </ul> </div> <div id="menu-burger" class="pull-right"> <div id="menu-bar"> <i class="icofont icofont-align-right"></i> </div> </div> </div> </div> </header> <!-- End of header ============================================= --> <!-- Start of banner section ============================================= --> <section id="banner" class="banner-section relative-position"> <div class="container"> <div class="row"> <div class="banner-content"> <div class="banner-title"> <h2 class="banner-head play-fair bold"> Hello ! <span>I am <b id="typer" class="text-uppercase"></b></span> </h2> <p class="title-sub-text text-capitalize">I code/design Your think</p> </div> </div> <!-- /.banner-content --> <div class="scroll-down"> <span class="text-capitalize">Scroll<i class="icofont icofont-long-arrow-down"></i></span> </div> </div> </div> </section> <!-- end of banner section ============================================= --> <!-- Start of about me ssection ============================================= --> <section id="about-me" class="about-me-section"> <div class="container"> <div class="row section-padding"> <div class="section-title text-center pb25"> <h2 class="title-head bold">About Me</h2> <p>Introduce</p> </div> <div class="admin-about"> <div class="about-me-content"> <div class="row"> <div class="col-md-5"> <div class="my-profile-pic mb90"> <img src="assets/img/profile/p1.png" alt=""> </div> </div> <!-- /.col-md-5 --> <div class="col-md-7"> <div class="admin-text pt90 pl65"> <div class="admin-quote mb30"> <blockquote> Donec tincidunt arcu a interdum efficitur. Nullam egestas bibendum tristique. Donec tincidunt arcu a interdum efficitur. Nullam egestas bibendum tristique. Quisque Donec tincidunt arcu a interdum efficitur Donec tincidunt.. </blockquote> </div> <div class="admin-signature mb50"> <img src="assets/img/profile/signature.png" alt=""> </div> <div class="admin-sponsor"> <div class="admin-sponsor-slider"> <div class="sponsor-img"> <img src="assets/img/profile/spon-1.jpg" alt=""> </div> <div class="sponsor-img"> <img src="assets/img/profile/spon-2.jpg" alt=""> </div> <div class="sponsor-img"> <img src="assets/img/profile/spon-3.jpg" alt=""> </div> <div class="sponsor-img"> <img src="assets/img/profile/spon-3.jpg" alt=""> </div> <div class="sponsor-img"> <img src="assets/img/profile/spon-2.jpg" alt=""> </div> <div class="sponsor-img"> <img src="assets/img/profile/spon-3.jpg" alt=""> </div> </div> </div> </div> </div> <!-- /.col-md-7 --> </div> </div> <div class="about-me-description mb30"> <div class="row"> <div class="admin-details-description"> <div class="col-md-6"> <div class="my-profile-details ul-li-block"> <ul> <li><p><span class="pro-title blue-clr"> Name : </span> <span class="pro-detail">Abrar Wall</span></p></li> <li><p><span class="pro-title blue-clr"> Age : </span> <span class="pro-detail">27 Years</span></p></li> <li><p><span class="pro-title blue-clr"> Email : </span> <span class="pro-detail">info.abrar@gmail.com</span></p></li> <li><p><span class="pro-title blue-clr"> Address : </span> <span class="pro-detail">1234, Parkstreet Newyork City</span></p></li> <li><p><span class="pro-title blue-clr"> Phone : </span> <span class="pro-detail">(+91) 12345 95487</span></p></li> <li><p><span class="pro-title blue-clr"> Website : </span> <span class="pro-detail">www.abrar.com</span></p></li> </ul> </div> </div> <!-- /.col-md-6 --> <div class="col-md-6"> <div class="skill_progress"> <div class="single_experties"> <div class="skilled-tittle">Photoshop </div> <div class="skilled-percent">75% </div> <div class="progress"> <div class="progress-bar blue-bg-clr wow Rx-width-75 animated animated" role="progressbar" data-wow-duration="0.5s" data-wow-delay=".5s" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"> <span></span> </div> </div> </div> <!-- /single_experties --> <div class="single_experties"> <div class="skilled-tittle">Photography</div> <div class="skilled-percent">85%</div> <div class="progress"> <div class="progress-bar blue-bg-clr wow Rx-width-85 animated animated" role="progressbar" data-wow-duration="1s" data-wow-delay=".15s" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"> <span></span> </div> </div> </div> <!-- /single_experties --> <div class="single_experties"> <div class="skilled-tittle">Web Development</div> <div class="skilled-percent">90%</div> <div class="progress"> <div class="progress-bar blue-bg-clr wow Rx-width-90 animated animated" role="progressbar" data-wow-duration="1.5s" data-wow-delay=".25s" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"> <span></span> </div> </div> </div> <!-- /single_experties --> <div class="single_experties"> <div class="skilled-tittle">Illustrator</div> <div class="skilled-percent">65%</div> <div class="progress"> <div class="progress-bar blue-bg-clr wow Rx-width-65 animated animated" data-wow-duration="1.3s" data-wow-delay=".35s" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"> <span></span> </div> </div> </div> <!-- /single_experties --> </div> </div> <!-- /.col-md-6 --> </div> </div> </div> <!-- /.about-me-description --> <div class="wall-btn text-center relative-position blue-bg-clr"> <button class="white-clr">Download CV</button> </div> </div> <!-- /.admin-about --> </div> </div> </section> <!-- End of about me ssection ============================================= --> <!-- Start of what offer section ============================================= --> <section id="what-offer" class="what-offer-section"> <div class="container"> <div class="row section-padding"> <div class="section-title text-capitalize text-center pb25"> <h2 class="title-head bold">What I Offer</h2> <p>Check Out That I Offer</p> </div> <div class="what-offer-content"> <div class="service-text-icon relative-position"> <div class="service-icon transition text-center"> <i class="transition icofont icofont-pencil-alt-5"></i> </div> <div class="service-text"> <div class="service-text-title mb20"> <h3 class="service-title-head text-capitalize transition bold"><span>01.</span> Web Design</h3> </div> <div class="service-text-des"> <p>Vestibulum eget mi sit amet purus ornare at sodales felis, vel malesuada neque. In pellen tortor, sodales Vestibulum eget mi.</p> </div> </div> </div> <div class="service-text-icon relative-position"> <div class="service-icon transition text-center"> <i class="transition icofont icofont-user-search"></i> </div> <div class="service-text"> <div class="service-text-title mb20"> <h3 class="service-title-head text-capitalize transition bold"><span>02.</span> Seo & Marketing</h3> </div> <div class="service-text-des"> <p>Vestibulum eget mi sit amet purus ornare at sodales felis, vel malesuada neque. In pellen tortor, sodales Vestibulum eget mi.</p> </div> </div> </div> <div class="service-text-icon relative-position"> <div class="service-icon transition text-center"> <i class="transition icofont icofont-ui-clip-board"></i> </div> <div class="service-text"> <div class="service-text-title mb20"> <h3 class="service-title-head text-capitalize transition bold"><span>03.</span> Content Writing</h3> </div> <div class="service-text-des"> <p>Vestibulum eget mi sit amet purus ornare at sodales felis, vel malesuada neque. In pellen tortor, sodales Vestibulum eget mi.</p> </div> </div> </div> <div class="service-text-icon relative-position"> <div class="service-icon transition text-center"> <i class="transition icofont icofont-code-alt"></i> </div> <div class="service-text"> <div class="service-text-title mb20"> <h3 class="service-title-head transition bold"><span>04.</span> Web Development</h3> </div> <div class="service-text-des"> <p>Vestibulum eget mi sit amet purus ornare at sodales felis, vel malesuada neque. In pellen tortor, sodales Vestibulum eget mi.</p> </div> </div> </div> <div class="service-text-icon relative-position"> <div class="service-icon transition text-center"> <i class="transition icofont icofont-brand-wordpress"></i> </div> <div class="service-text"> <div class="service-text-title mb20"> <h3 class="service-title-head transition bold"><span>05.</span> Wordpress</h3> </div> <div class="service-text-des"> <p>Vestibulum eget mi sit amet purus ornare at sodales felis, vel malesuada neque. In pellen tortor, sodales Vestibulum eget mi.</p> </div> </div> </div> <div class="service-text-icon relative-position"> <div class="service-icon transition text-center"> <i class="transition icofont icofont-live-support"></i> </div> <div class="service-text"> <div class="service-text-title mb20"> <h3 class="service-title-head transition bold"><span>06.</span> 24/7 Support</h3> </div> <div class="service-text-des"> <p>Vestibulum eget mi sit amet purus ornare at sodales felis, vel malesuada neque. In pellen tortor, sodales Vestibulum eget mi.</p> </div> </div> </div> </div> <!-- /.what-offer-content --> </div> </div> </section> <!-- End of what offer section ============================================= --> <!-- Start of inspiration section ============================================= --> <section id="inspiration" class="inspiration-section"> <div class="container"> <div class="row section-padding"> <div class="section-title text-capitalize text-center pb25"> <h2 class="title-head bold">Some Inspiration</h2> <p>I always try to do something different</p> </div> <!-- /.section-title --> <div class="portfolio-content pt30"> <div class="portfolio-tab pb55"> <div id="filters" class="button-group mb20"> <button class="tab-button active" data-filter="*">All</button> <button class="tab-button" data-filter=".web"> Design</button> <button class="tab-button" data-filter=".design">Web</button> <button class="tab-button" data-filter=".branding">Graphic</button> <button class="tab-button" data-filter=".photography"> Photography</button> </div> <!-- /tab-button --> <div class="portfolio-tab-text-pic mb50 row"> <div id="posts"> <div id="1" class="item item-grid web"> <div class="item-wrap"> <div class="work-item"> <div class="work-pic"> <img src="assets/img/portfolio/port-1.jpg" alt="image"> </div> <!-- //img --> <div class="hover-content transition text-center"> <div class="hover-text mb20"> <a href="#" data-toggle="modal" data-target="#myModal-2"><i class="icofont icofont-plus-circle"></i></a> </div> <!-- //light-box-img --> <div class="project-description text-capitalize"> <h3><a class="play-fair white-clr" href="#">project Item Title</a></h3> </div> <!-- //project-description --> </div> <div id="myModal-2" class="modal fade" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header text-center"> <button type="button" class="close text-capitalize text-center" data-dismiss="modal"><i class="icofont icofont-close"></i> close</button> </div> <div class="modal-body"> <div class="product-slide mb30"> <div class="portfolio-single-slide"> <div class="portfolio-single-img"> <img src="assets/img/portfolio/ps-1.jpg" alt=""> </div> </div> </div> <div class="portfolio-single-title mb80 text-center"> <h3 class="portfolio-head">Project : Product Label Design</h3> </div> <div class="project-details-text"> <div class="row"> <div class="col-md-4"> <div class="project-details-area"> <h3 class="project-details-tilte mb30 blue-clr play-fair">About The Project :</h3> <div class="project-info"> <p>Curabitur bibendum elementum enim sit amet Nullam iaculis elementum eros quis aliquet. Phase gravida sem a lorem Curabitur bibendum elemen sit amet dignissim. Nullam iaculis elementum eros liquet. Phasellus gravida sem a lorem</p> <p> Nullam iaculis elementum eros liquet. Phasellus gravida sem a lorem Curabitur bibendum. </p> </div> </div> </div> <div class="col-md-4"> <div class="project-details-area"> <h3 class="project-details-tilte mb30 blue-clr play-fair">Result Of The Project: </h3> <div class="project-info ul-li-block"> <ul class="mb30"> <li><span class="info-title">Project Management :</span> Effective</li> <li><span class="info-title">Evaluate :</span> 100%</li> <li><span class="info-title">Design :</span> 100%</li> <li><span class="info-title">Development :</span> 100%</li> <li><span class="info-title">Analyze :</span> Efective</li> </ul> <div class="project-result">Result: <span class="blue-clr">Positive & Garunteed</span></div> </div> </div> </div> <div class="col-md-4"> <div class="project-details-area"> <h3 class="project-details-tilte mb30 blue-clr play-fair">Project Details: </h3> <div class="project-info ul-li-block"> <div class="project-result mb20 bold">International University</div> <ul> <li><span class="info-title">Clients :</span> Professor D.Maria</li> <li><span class="info-title">Web Design Project</span></li> <li><span class="info-title">Date :</span> 16-10-2018</li> <li><span class="info-title">Email: </span>D.maria@gmail.com</li> <li><span class="info-title">Project Type :</span> Remotely Work</li> </ul> </div> </div> </div> </div> </div> <div class="related-project section-padding"> <div class="related-project-title text-center"> <h3 class="play-fair text-center mb80">Related Project</h3> </div> <div class="row"> <div class="col-md-4"> <div class="related-project-img-text mb30"> <img src="assets/img/portfolio/rp-1.jpg" alt="img"> <div class="related-project-name pt20 text-center"> Project Product Design </div> </div> </div> <div class="col-md-4"> <div class="related-project-img-text mb30"> <img src="assets/img/portfolio/rp-2.jpg" alt="img"> <div class="related-project-name pt20 text-center"> Project Product Design </div> </div> </div> <div class="col-md-4"> <div class="related-project-img-text mb30"> <img src="assets/img/portfolio/rp-3.jpg" alt="img"> <div class="related-project-name pt20 text-center"> Project Product Design </div> </div> </div> <div class="col-md-4"> <div class="related-project-img-text mb30"> <img src="assets/img/portfolio/rp-4.jpg" alt="img"> <div class="related-project-name pt20 text-center"> Project Product Design </div> </div> </div> <div class="col-md-4"> <div class="related-project-img-text mb30"> <img src="assets/img/portfolio/rp-5.jpg" alt="img"> <div class="related-project-name pt20 text-center"> Project Product Design </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- /item --> <div id="2" class="item item-grid design branding"> <div class="item-wrap"> <div class="work-item"> <div class="work-pic mb20"> <img src="assets/img/portfolio/port-4.jpg" alt="image"> </div> <!-- //img --> <div class="hover-content transition text-center"> <div class="hover-text mb20 text-center"> <a href="#" data-toggle="modal" data-target="#myModal-3"><i class="icofont icofont-plus-circle"></i></a> </div> <!-- //light-box-img --> <div class="project-description text-capitalize"> <h3><a class="play-fair white-clr" href="#">project Item Title</a></h3> </div> <!-- //project-description --> </div> <div id="myModal-3" class="modal fade" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header text-center"> <button type="button" class="close text-capitalize text-center" data-dismiss="modal"><i class="icofont icofont-close"></i> close</button> </div> <div class="modal-body"> <div class="product-slide mb30"> <div class="portfolio-single-slide"> <div class="portfolio-single-img"> <img src="assets/img/portfolio/ps-1.jpg" alt=""> </div> </div> </div> <div class="portfolio-single-title mb80 text-center"> <h3 class="portfolio-head">Project : Product Label Design</h3> </div> <div class="project-details-text"> <div class="row"> <div class="col-md-4"> <div class="project-details-area"> <h3 class="project-details-tilte mb30 blue-clr play-fair">About The Project :</h3> <div class="project-info"> <p>Curabitur bibendum elementum enim sit amet Nullam iaculis elementum eros quis aliquet. Phase gravida sem a lorem Curabitur bibendum elemen sit amet dignissim. Nullam iaculis elementum eros liquet. Phasellus gravida sem a lorem</p> <p> Nullam iaculis elementum eros liquet. Phasellus gravida sem a lorem Curabitur bibendum. </p> </div> </div> </div> <div class="col-md-4"> <div class="project-details-area"> <h3 class="project-details-tilte mb30 blue-clr play-fair">Result Of The Project: </h3> <div class="project-info ul-li-block"> <ul class="mb30"> <li><span class="info-title">Project Management :</span> Effective</li> <li><span class="info-title">Evaluate :</span> 100%</li> <li><span class="info-title">Design :</span> 100%</li> <li><span class="info-title">Development :</span> 100%</li> <li><span class="info-title">Analyze :</span> Efective</li> </ul> <div class="project-result">Result: <span class="blue-clr">Positive & Garunteed</span></div> </div> </div> </div> <div class="col-md-4"> <div class="project-details-area"> <h3 class="project-details-tilte mb30 blue-clr play-fair">Project Details: </h3> <div class="project-info ul-li-block"> <div class="project-result mb20 bold">International University</div> <ul> <li><span class="info-title">Clients :</span> Professor D.Maria</li> <li><span class="info-title">Web Design Project</span></li> <li><span class="info-title">Date :</span> 16-10-2018</li> <li><span class="info-title">Email: </span>D.maria@gmail.com</li> <li><span class="info-title">Project Type :</span> Remotely Work</li> </ul> </div> </div> </div> </div> </div> <div class="related-project section-padding"> <div class="related-project-title text-center"> <h3 class="play-fair text-center mb80">Related Project</h3> </div> <div class="row"> <div class="col-md-4"> <div class="related-project-img-text mb30"> <img src="assets/img/portfolio/rp-1.jpg" alt="img"> <div class="related-project-name pt20 text-center"> Project Product Design </div> </div> </div> <div class="col-md-4"> <div class="related-project-img-text mb30"> <img src="assets/img/portfolio/rp-2.jpg" alt="img"> <div class="related-project-name pt20 text-center"> Project Product Design </div> </div> </div> <div class="col-md-4"> <div class="related-project-img-text mb30"> <img src="assets/img/portfolio/rp-3.jpg" alt="img"> <div class="related-project-name pt20 text-center"> Project Product Design </div> </div> </div> <div class="col-md-4"> <div class="related-project-img-text mb30"> <img src="assets/img/portfolio/rp-4.jpg" alt="img"> <div class="related-project-name pt20 text-center"> Project Product Design </div> </div> </div> <div class="col-md-4"> <div class="related-project-img-text mb30"> <img src="assets/img/portfolio/rp-5.jpg" alt="img"> <div class="related-project-name pt20 text-center"> Project Product Design </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- /item --> <div id="3" class="item item-grid design web"> <div class="item-wrap"> <div class="work-item"> <div class="work-pic"> <img src="assets/img/portfolio/port-6.jpg" alt="image"> </div> <!-- //img --> <div class="hover-content mb20 transition text-center"> <div class="hover-text mb20 text-center"> <a href="#" data-toggle="modal" data-target="#myModal-4"><i class="icofont icofont-plus-circle"></i></a> </div> <!-- //light-box-img --> <div class="project-description text-capitalize"> <h3><a class="play-fair white-clr" href="#">project Item Title</a></h3> </div> <!-- //project-description --> </div> <div id="myModal-4" class="modal fade" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header text-center"> <button type="button" class="close text-capitalize text-center" data-dismiss="modal"><i class="icofont icofont-close"></i> close</button> </div> <div class="modal-body"> <div class="product-slide mb30"> <div class="portfolio-single-slide"> <div class="portfolio-single-img"> <img src="assets/img/portfolio/ps-1.jpg" alt=""> </div> </div> </div> <div class="portfolio-single-title mb80 text-center"> <h3 class="portfolio-head">Project : Product Label Design</h3> </div> <div class="project-details-text"> <div class="row"> <div class="col-md-4"> <div class="project-details-area"> <h3 class="project-details-tilte mb30 blue-clr play-fair">About The Project :</h3> <div class="project-info"> <p>Curabitur bibendum elementum enim sit amet Nullam iaculis elementum eros quis aliquet. Phase gravida sem a lorem Curabitur bibendum elemen sit amet dignissim. Nullam iaculis elementum eros liquet. Phasellus gravida sem a lorem</p> <p> Nullam iaculis elementum eros liquet. Phasellus gravida sem a lorem Curabitur bibendum. </p> </div> </div> </div> <div class="col-md-4"> <div class="project-details-area"> <h3 class="project-details-tilte mb30 blue-clr play-fair">Result Of The Project: </h3> <div class="project-info ul-li-block"> <ul class="mb30"> <li><span class="info-title">Project Management :</span> Effective</li> <li><span class="info-title">Evaluate :</span> 100%</li> <li><span class="info-title">Design :</span> 100%</li> <li><span class="info-title">Development :</span> 100%</li> <li><span class="info-title">Analyze :</span> Efective</li> </ul> <div class="project-result">Result: <span class="blue-clr">Positive & Garunteed</span></div> </div> </div> </div> <div class="col-md-4"> <div class="project-details-area"> <h3 class="project-details-tilte mb30 blue-clr play-fair">Project Details: </h3> <div class="project-info ul-li-block"> <div class="project-result mb20 bold">International University</div> <ul> <li><span class="info-title">Clients :</span> Professor D.Maria</li> <li><span class="info-title">Web Design Project</span></li> <li><span class="info-title">Date :</span> 16-10-2018</li> <li><span class="info-title">Email: </span>D.maria@gmail.com</li> <li><span class="info-title">Project Type :</span> Remotely Work</li> </ul> </div> </div> </div> </div> </div> <div class="related-project section-padding"> <div class="related-project-title text-center"> <h3 class="play-fair text-center mb80">Related Project</h3> </div> <div class="row"> <div class="col-md-4"> <div class="related-project-img-text mb30"> <img src="assets/img/portfolio/rp-1.jpg" alt="img"> <div class="related-project-name pt20 text-center"> Project Product Design </div> </div> </div> <div class="col-md-4"> <div class="related-project-img-text mb30"> <img src="assets/img/portfolio/rp-2.jpg" alt="img"> <div class="related-project-name pt20 text-center"> Project Product Design </div> </div> </div> <div class="col-md-4"> <div class="related-project-img-text mb30"> <img src="assets/img/portfolio/rp-3.jpg" alt="img"> <div class="related-project-name pt20 text-center"> Project Product Design </div> </div> </div> <div class="col-md-4"> <div class="related-project-img-text mb30"> <img src="assets/img/portfolio/rp-4.jpg" alt="img"> <div class="related-project-name pt20 text-center"> Project Product Design </div> </div> </div> <div class="col-md-4"> <div class="related-project-img-text mb30"> <img src="assets/img/portfolio/rp-5.jpg" alt="img"> <div class="related-project-name pt20 text-center"> Project Product Design </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- /item --> <div id="4" class="item item-grid design photography web"> <div class="item-wrap"> <div class="work-item"> <div class="work-pic"> <img src="assets/img/portfolio/port-5.jpg" alt="image"> </div> <!-- //img --> <div class="hover-content transition text-center"> <div class="hover-text mb20 text-center"> <a href="#" data-toggle="modal" data-target="#myModal-7"><i class="icofont icofont-plus-circle"></i></a> </div> <!-- //light-box-img --> <div class="project-description text-capitalize"> <h3><a class="play-fair white-clr" href="#">project Item Title</a></h3> </div> <!-- //project-description --> </div> <div id="myModal-7" class="modal fade" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header text-center"> <button type="button" class="close text-capitalize text-center" data-dismiss="modal"><i class="icofont icofont-close"></i> close</button> </div> <div class="modal-body"> <div class="product-slide mb30"> <div class="portfolio-single-slide"> <div class="portfolio-single-img"> <img src="assets/img/portfolio/ps-1.jpg" alt=""> </div> </div> </div> <div class="portfolio-single-title mb80 text-center"> <h3 class="portfolio-head">Project : Product Label Design</h3> </div> <div class="project-details-text"> <div class="row"> <div class="col-md-4"> <div class="project-details-area"> <h3 class="project-details-tilte mb30 blue-clr play-fair">About The Project :</h3> <div class="project-info"> <p>Curabitur bibendum elementum enim sit amet Nullam iaculis elementum eros quis aliquet. Phase gravida sem a lorem Curabitur bibendum elemen sit amet dignissim. Nullam iaculis elementum eros liquet. Phasellus gravida sem a lorem</p> <p> Nullam iaculis elementum eros liquet. Phasellus gravida sem a lorem Curabitur bibendum. </p> </div> </div> </div> <div class="col-md-4"> <div class="project-details-area"> <h3 class="project-details-tilte mb30 blue-clr play-fair">Result Of The Project: </h3> <div class="project-info ul-li-block"> <ul class="mb30"> <li><span class="info-title">Project Management :</span> Effective</li> <li><span class="info-title">Evaluate :</span> 100%</li> <li><span class="info-title">Design :</span> 100%</li> <li><span class="info-title">Development :</span> 100%</li> <li><span class="info-title">Analyze :</span> Efective</li> </ul> <div class="project-result">Result: <span class="blue-clr">Positive & Garunteed</span></div> </div> </div> </div> <div class="col-md-4"> <div class="project-details-area"> <h3 class="project-details-tilte mb30 blue-clr play-fair">Project Details: </h3> <div class="project-info ul-li-block"> <div class="project-result mb20 bold">International University</div> <ul> <li><span class="info-title">Clients :</span> Professor D.Maria</li> <li><span class="info-title">Web Design Project</span></li> <li><span class="info-title">Date :</span> 16-10-2018</li> <li><span class="info-title">Email: </span>D.maria@gmail.com</li> <li><span class="info-title">Project Type :</span> Remotely Work</li> </ul> </div> </div> </div> </div> </div> <div class="related-project section-padding"> <div class="related-project-title text-center"> <h3 class="play-fair text-center mb80">Related Project</h3> </div> <div class="row"> <div class="col-md-4"> <div class="related-project-img-text mb30"> <img src="assets/img/portfolio/rp-1.jpg" alt="img"> <div class="related-project-name pt20 text-center"> Project Product Design </div> </div> </div> <div class="col-md-4"> <div class="related-project-img-text mb30"> <img src="assets/img/portfolio/rp-2.jpg" alt="img"> <div class="related-project-name pt20 text-center"> Project Product Design </div> </div> </div> <div class="col-md-4"> <div class="related-project-img-text mb30"> <img src="assets/img/portfolio/rp-3.jpg" alt="img"> <div class="related-project-name pt20 text-center"> Project Product Design </div> </div> </div> <div class="col-md-4"> <div class="related-project-img-text mb30"> <img src="assets/img/portfolio/rp-4.jpg" alt="img"> <div class="related-project-name pt20 text-center"> Project Product Design </div> </div> </div> <div class="col-md-4"> <div class="related-project-img-text mb30"> <img src="assets/img/portfolio/rp-5.jpg" alt="img"> <div class="related-project-name pt20 text-center"> Project Product Design </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- /item --> <div id="5" class="item item-grid design web"> <div class="item-wrap"> <div class="work-item"> <div class="work-pic"> <img src="assets/img/portfolio/port-6.jpg" alt="image"> </div> <!-- //img --> <div class="hover-content transition text-center"> <div class="hover-text mb20 text-center"> <a href="#" data-toggle="modal" data-target="#myModal-5"><i class="icofont icofont-plus-circle"></i></a> </div> <!-- //light-box-img --> <div class="project-description text-capitalize"> <h3><a class="play-fair white-clr" href="#">project Item Title</a></h3> </div> <!-- //project-description --> </div> <div id="myModal-5" class="modal fade" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header text-center"> <button type="button" class="close text-capitalize text-center" data-dismiss="modal"><i class="icofont icofont-close"></i> close</button> </div> <div class="modal-body"> <div class="product-slide mb30"> <div class="portfolio-single-slide"> <div class="portfolio-single-img"> <img src="assets/img/portfolio/ps-1.jpg" alt=""> </div> </div> </div> <div class="portfolio-single-title mb80 text-center"> <h3 class="portfolio-head">Project : Product Label Design</h3> </div> <div class="project-details-text"> <div class="row"> <div class="col-md-4"> <div class="project-details-area"> <h3 class="project-details-tilte mb30 blue-clr play-fair">About The Project :</h3> <div class="project-info"> <p>Curabitur bibendum elementum enim sit amet Nullam iaculis elementum eros quis aliquet. Phase gravida sem a lorem Curabitur bibendum elemen sit amet dignissim. Nullam iaculis elementum eros liquet. Phasellus gravida sem a lorem</p> <p> Nullam iaculis elementum eros liquet. Phasellus gravida sem a lorem Curabitur bibendum. </p> </div> </div> </div> <div class="col-md-4"> <div class="project-details-area"> <h3 class="project-details-tilte mb30 blue-clr play-fair">Result Of The Project: </h3> <div class="project-info ul-li-block"> <ul class="mb30"> <li><span class="info-title">Project Management :</span> Effective</li> <li><span class="info-title">Evaluate :</span> 100%</li> <li><span class="info-title">Design :</span> 100%</li> <li><span class="info-title">Development :</span> 100%</li> <li><span class="info-title">Analyze :</span> Efective</li> </ul> <div class="project-result">Result: <span class="blue-clr">Positive & Garunteed</span></div> </div> </div> </div> <div class="col-md-4"> <div class="project-details-area"> <h3 class="project-details-tilte mb30 blue-clr play-fair">Project Details: </h3> <div class="project-info ul-li-block"> <div class="project-result mb20 bold">International University</div> <ul> <li><span class="info-title">Clients :</span> Professor D.Maria</li> <li><span class="info-title">Web Design Project</span></li> <li><span class="info-title">Date :</span> 16-10-2018</li> <li><span class="info-title">Email: </span>D.maria@gmail.com</li> <li><span class="info-title">Project Type :</span> Remotely Work</li> </ul> </div> </div> </div> </div> </div> <div class="related-project section-padding"> <div class="related-project-title text-center"> <h3 class="play-fair text-center mb80">Related Project</h3> </div> <div class="row"> <div class="col-md-4"> <div class="related-project-img-text mb30"> <img src="assets/img/portfolio/rp-1.jpg" alt="img"> <div class="related-project-name pt20 text-center"> Project Product Design </div> </div> </div> <div class="col-md-4"> <div class="related-project-img-text mb30"> <img src="assets/img/portfolio/rp-2.jpg" alt="img"> <div class="related-project-name pt20 text-center"> Project Product Design </div> </div> </div> <div class="col-md-4"> <div class="related-project-img-text mb30"> <img src="assets/img/portfolio/rp-3.jpg" alt="img"> <div class="related-project-name pt20 text-center"> Project Product Design </div> </div> </div> <div class="col-md-4"> <div class="related-project-img-text mb30"> <img src="assets/img/portfolio/rp-4.jpg" alt="img"> <div class="related-project-name pt20 text-center"> Project Product Design </div> </div> </div> <div class="col-md-4"> <div class="related-project-img-text mb30"> <img src="assets/img/portfolio/rp-5.jpg" alt="img"> <div class="related-project-name pt20 text-center"> Project Product Design </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- /item --> <div id="6" class="item item-grid design branding web"> <div class="item-wrap"> <div class="work-item"> <div class="work-pic"> <img src="assets/img/portfolio/port-3.jpg" alt="image"> </div> <!-- //img --> <div class="hover-content transition text-center"> <div class="hover-text mb20 text-center"> <a href="#" data-toggle="modal" data-target="#myModal-6"><i class="icofont icofont-plus-circle"></i></a> </div> <!-- //light-box-img --> <div class="project-description text-capitalize"> <h3><a class="play-fair white-clr" href="#">project Item Title</a></h3> </div> <!-- //project-description --> </div> <div id="myModal-6" class="modal fade" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header text-center"> <button type="button" class="close text-capitalize text-center" data-dismiss="modal"><i class="icofont icofont-close"></i> close</button> </div> <div class="modal-body"> <div class="product-slide mb30"> <div class="portfolio-single-slide"> <div class="portfolio-single-img"> <img src="assets/img/portfolio/ps-1.jpg" alt=""> </div> </div> </div> <div class="portfolio-single-title mb80 text-center"> <h3 class="portfolio-head">Project : Product Label Design</h3> </div> <div class="project-details-text"> <div class="row"> <div class="col-md-4"> <div class="project-details-area"> <h3 class="project-details-tilte mb30 blue-clr play-fair">About The Project :</h3> <div class="project-info"> <p>Curabitur bibendum elementum enim sit amet Nullam iaculis elementum eros quis aliquet. Phase gravida sem a lorem Curabitur bibendum elemen sit amet dignissim. Nullam iaculis elementum eros liquet. Phasellus gravida sem a lorem</p> <p> Nullam iaculis elementum eros liquet. Phasellus gravida sem a lorem Curabitur bibendum. </p> </div> </div> </div> <div class="col-md-4"> <div class="project-details-area"> <h3 class="project-details-tilte mb30 blue-clr play-fair">Result Of The Project: </h3> <div class="project-info ul-li-block"> <ul class="mb30"> <li><span class="info-title">Project Management :</span> Effective</li> <li><span class="info-title">Evaluate :</span> 100%</li> <li><span class="info-title">Design :</span> 100%</li> <li><span class="info-title">Development :</span> 100%</li> <li><span class="info-title">Analyze :</span> Efective</li> </ul> <div class="project-result">Result: <span class="blue-clr">Positive & Garunteed</span></div> </div> </div> </div> <div class="col-md-4"> <div class="project-details-area"> <h3 class="project-details-tilte mb30 blue-clr play-fair">Project Details: </h3> <div class="project-info ul-li-block"> <div class="project-result mb20 bold">International University</div> <ul> <li><span class="info-title">Clients :</span> Professor D.Maria</li> <li><span class="info-title">Web Design Project</span></li> <li><span class="info-title">Date :</span> 16-10-2018</li> <li><span class="info-title">Email: </span>D.maria@gmail.com</li> <li><span class="info-title">Project Type :</span> Remotely Work</li> </ul> </div> </div> </div> </div> </div> <div class="related-project section-padding"> <div class="related-project-title text-center"> <h3 class="play-fair text-center mb80">Related Project</h3> </div> <div class="row"> <div class="col-md-4"> <div class="related-project-img-text mb30"> <img src="assets/img/portfolio/rp-1.jpg" alt="img"> <div class="related-project-name pt20 text-center"> Project Product Design </div> </div> </div> <div class="col-md-4"> <div class="related-project-img-text mb30"> <img src="assets/img/portfolio/rp-2.jpg" alt="img"> <div class="related-project-name pt20 text-center"> Project Product Design </div> </div> </div> <div class="col-md-4"> <div class="related-project-img-text mb30"> <img src="assets/img/portfolio/rp-3.jpg" alt="img"> <div class="related-project-name pt20 text-center"> Project Product Design </div> </div> </div> <div class="col-md-4"> <div class="related-project-img-text mb30"> <img src="assets/img/portfolio/rp-4.jpg" alt="img"> <div class="related-project-name pt20 text-center"> Project Product Design </div> </div> </div> <div class="col-md-4"> <div class="related-project-img-text mb30"> <img src="assets/img/portfolio/rp-5.jpg" alt="img"> <div class="related-project-name pt20 text-center"> Project Product Design </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- /item --> </div><!--//posts--> </div><!--//portfolio-tab-text-pic--> <div class="wall-btn text-center relative-position blue-bg-clr"> <a class="white-clr" href="!#">View More <i class="icofont icofont-long-arrow-right"></i></a> </div> </div><!--//portfolio-tab--> </div><!--//portfolio-content --> </div> </div> </section> <section id="hire" class="hire-section"> <div class="container"> <div class="row section-padding"> <div class="section-title text-capitalize text-center mb50"> <h2 class="title-head mb20 bold">Want to work together !</h2> <p>I am available for freelance works.</p> </div> <div class="wall-btn text-center relative-position blue-bg-clr"> <a class="white-clr" href="!#">Hire Me <i class="icofont icofont-long-arrow-right"></i></a> </div> </div> </div> </section> <section id="my-resume" class="my-resume-section"> <div class="container"> <div class="row section-padding"> <div class="section-title text-capitalize text-center mb50"> <h2 class="title-head bold">My Resume</h2> <p>My Education & Experience</p> </div> <div class="resume-tab-item ul-li"> <div class="tab-button mb130"> <ul class="tabs text-center"> <li class="active" rel="tab1"><i class="icofont icofont-briefcase-alt-2"></i> Experience</li> <li rel="tab2"><i class="icofont icofont-notebook"></i> Education</li> </ul> <!-- /.tab-button --> </div> <div class="tab_container mb50"> <div id="tab1" class="tab_content"> <div class="education-resume"> <div class="resume-institute-description mb80"> <div class="resume-institute"> <div class="institute-icon-time relative-position text-center"> <div class="institute-icon blue-bg-clr"> <i class="white-clr icofont icofont-briefcase-alt-1"></i> </div> <div class="resume-time"> <span>January 2015 - Present</span> </div> </div> </div> <div class="resume-description"> <div class="resume-degree mb20"> <h3 class="degree-title mb5 play-fair">Front End Developer</h3> <span class="degree-institute">XsTheme</span> </div> <div class="degree-text"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</p> </div> </div> </div> <div class="resume-institute-description mb80"> <div class="resume-institute"> <div class="institute-icon-time relative-position text-center"> <div class="institute-icon blue-bg-clr"> <i class="white-clr icofont icofont-ruler-pencil"></i> </div> <div class="resume-time"> <span>August 2014 - Jan 2015</span> </div> </div> </div> <div class="resume-description"> <div class="resume-degree mb20"> <h3 class="degree-title mb5 play-fair">Designer</h3> <span class="degree-institute">HTMLMATE</span> </div> <div class="degree-text"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</p> </div> </div> </div> <div class="resume-institute-description mb80"> <div class="resume-institute"> <div class="institute-icon-time relative-position text-center"> <div class="institute-icon blue-bg-clr"> <i class="white-clr icofont icofont-notebook"></i> </div> <div class="resume-time"> <span>March 2014 - July 2014</span> </div> </div> </div> <div class="resume-description"> <div class="resume-degree mb20"> <h3 class="degree-title mb5 play-fair">Creative Dot</h3> <span class="degree-institute">Visual & Motion Graphics</span> </div> <div class="degree-text"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</p> </div> </div> </div> <div class="resume-institute-description mb80"> <div class="resume-institute"> <div class="institute-icon-time relative-position text-center"> <div class="institute-icon blue-bg-clr"> <i class="white-clr icofont icofont-pencil-alt-5"></i> </div> <div class="resume-time"> <span>May 2013 - March 2014</span> </div> </div> </div> <div class="resume-description"> <div class="resume-degree mb20"> <h3 class="degree-title mb5 play-fair">Freelance</h3> <span class="degree-institute">UI/UX Designer</span> </div> <div class="degree-text"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</p> </div> </div> </div> </div> </div> <div id="tab2" class="tab_content"> <div class="education-resume"> <div class="resume-institute-description mb80"> <div class="resume-institute"> <div class="institute-icon-time relative-position text-center"> <div class="institute-icon blue-bg-clr"> <i class="white-clr icofont icofont-hat-alt"></i> </div> <div class="resume-time"> <span>January 2015 - Present</span> </div> </div> </div> <div class="resume-description"> <div class="resume-degree mb20"> <h3 class="degree-title mb5 play-fair">M.B.A (Accounting)</h3> <span class="degree-institute">National University</span> </div> <div class="degree-text"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</p> </div> </div> </div> <div class="resume-institute-description mb80"> <div class="resume-institute"> <div class="institute-icon-time relative-position text-center"> <div class="institute-icon blue-bg-clr"> <i class="white-clr icofont icofont-education"></i> </div> <div class="resume-time"> <span>August 2014 - Jan 2015</span> </div> </div> </div> <div class="resume-description"> <div class="resume-degree mb20"> <h3 class="degree-title mb5 play-fair">B.B.A (Honor’s)</h3> <span class="degree-institute">National University</span> </div> <div class="degree-text"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</p> </div> </div> </div> <div class="resume-institute-description mb80"> <div class="resume-institute"> <div class="institute-icon-time relative-position text-center"> <div class="institute-icon blue-bg-clr"> <i class="white-clr icofont icofont-notebook"></i> </div> <div class="resume-time"> <span>March 2014 - July 2014</span> </div> </div> </div> <div class="resume-description"> <div class="resume-degree mb20"> <h3 class="degree-title mb5 play-fair">Creative Dot</h3> <span class="degree-institute">Visual & Motion Graphics</span> </div> <div class="degree-text"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</p> </div> </div> </div> <div class="resume-institute-description mb80"> <div class="resume-institute"> <div class="institute-icon-time relative-position text-center"> <div class="institute-icon blue-bg-clr"> <i class="white-clr icofont icofont-pencil-alt-5"></i> </div> <div class="resume-time"> <span>May 2013 - March 2014</span> </div> </div> </div> <div class="resume-description"> <div class="resume-degree mb20"> <h3 class="degree-title mb5 play-fair">Freelance</h3> <span class="degree-institute">UI/UX Designer</span> </div> <div class="degree-text"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</p> </div> </div> </div> </div> <!-- /.education-resume --> </div> <!-- ========================================#tab2================================= --> </div> <!-- /.resume-tab --> </div> </div> </div> </section> <section id="testimonial" class="testimonial-section"> <div class="container"> <div class="row"> <div class="section-title text-capitalize text-center mb80"> <h2 class="title-head bold">Clients Love</h2> <p>What My Clients Say About Me</p> </div> <!-- /.section-title --> <div class="client-testimonial-content"> <div class="testimonial-slide"> <div class="testimonial-pic-text"> <div class="testimonial-text pt90 text-right"> <div class="testimonial-qouate relative-position mb30"> <p>Sed ullamcorper mi sit amet porta aliquam. Phasellus non molestie augu scelerisque, ultricies erat tempor, finibus Sed ullamcorper mi sit amet porta Phasellus non molestie augue. Donec id sapien.</p> </div> <div class="client-name-designation pull-right"> <span class="client-name blue-clr">MD.Saiful Islam</span> <span class="client-designation">Director/S.S Studio</span> </div> <div class="client-rate pt20 text-left ul-li"> <ul> <li><i class="blue-clr icofont icofont-star"></i></li> <li><i class="blue-clr icofont icofont-star"></i></li> <li><i class="blue-clr icofont icofont-star"></i></li> <li><i class="blue-clr icofont icofont-star"></i></li> <li><i class="blue-clr icofont icofont-star"></i></li> </ul> </div> </div> <div class="testimonial-pic relative-position"> <img src="assets/img/testimonial/testi-1.jpg" alt=""> </div> </div> <div class="testimonial-pic-text"> <div class="testimonial-text pt90 text-right"> <div class="testimonial-qouate relative-position mb30"> <p>Sed ullamcorper mi sit amet porta aliquam. Phasellus non molestie augu scelerisque, ultricies erat tempor, finibus Sed ullamcorper mi sit amet porta Phasellus non molestie augue. Donec id sapien.</p> </div> <div class="client-name-designation pull-right"> <span class="client-name blue-clr">MD.Saiful Islam</span> <span class="client-designation">Director/S.S Studio</span> </div> <div class="client-rate pt20 text-left ul-li"> <ul> <li><i class="blue-clr icofont icofont-star"></i></li> <li><i class="blue-clr icofont icofont-star"></i></li> <li><i class="blue-clr icofont icofont-star"></i></li> <li><i class="blue-clr icofont icofont-star"></i></li> <li><i class="blue-clr icofont icofont-star"></i></li> </ul> </div> </div> <div class="testimonial-pic relative-position"> <img src="assets/img/testimonial/testi-1.jpg" alt=""> </div> </div> <div class="testimonial-pic-text"> <div class="testimonial-text pt90 text-right"> <div class="testimonial-qouate relative-position mb30"> <p>Sed ullamcorper mi sit amet porta aliquam. Phasellus non molestie augu scelerisque, ultricies erat tempor, finibus Sed ullamcorper mi sit amet porta Phasellus non molestie augue. Donec id sapien.</p> </div> <div class="client-name-designation pull-right"> <span class="client-name blue-clr">MD.Saiful Islam</span> <span class="client-designation">Director/S.S Studio</span> </div> <div class="client-rate pt20 text-left ul-li"> <ul> <li><i class="blue-clr icofont icofont-star"></i></li> <li><i class="blue-clr icofont icofont-star"></i></li> <li><i class="blue-clr icofont icofont-star"></i></li> <li><i class="blue-clr icofont icofont-star"></i></li> <li><i class="blue-clr icofont icofont-star"></i></li> </ul> </div> </div> <div class="testimonial-pic relative-position"> <img src="assets/img/testimonial/testi-1.jpg" alt=""> </div> </div> </div> </div> <!-- /.client-testimonial-content --> </div> </div> </section> <section id="latest-blog" class="latest-blog-section"> <div class="container"> <div class="row section-padding"> <div class="section-title text-capitalize text-center pb65"> <h2 class="title-head bold">Latest News</h2> <p>Don’t Miss Anything From Me</p> </div> <!-- /.section-title --> <div class="latest-blog-content mb80"> <div class="blog-pic-text mb20 clearfix relative-position"> <div class="blog-pic"> <img src="assets/img/blog/blog-1.jpg" alt=""> </div> <div class="blog-text"> <div class="blog-meta ul-li-block"> <ul> <li class="blog-date bold blue-clr"><a href="#">11</a></li> <li class="blog-month"><a href="#">October</a></li> <li class="blog-year"><a href="#">2018</a></li> </ul> </div> <div class="blog-title"> <h2 class="blog-title-head semi-bold pb10"><a href="#">Design Is An Art That Always Comes From Heart</a></h2> <div class="blog-category ul-li"> <span><i class="icofont icofont-tag"></i></span> <span class="category-item"><a href="#">Product Design, Creative</a></span> </div> </div> </div> </div> <!-- /.blog-pic-text --> <div class="blog-pic-text mb20 v-2 clearfix relative-position"> <div class="blog-text"> <div class="blog-meta ul-li text-right"> <ul> <li class="blog-date bold blue-clr"><a href="#">13</a></li> <li class="blog-month"><a href="#">October</a></li> <li class="blog-year"><a href="#">2018</a></li> </ul> </div> <div class="blog-title"> <h2 class="blog-title-head semi-bold pb10"><a href="#">Design Is An Art That Always Comes From Heart</a></h2> <div class="blog-category ul-li"> <span><i class="icofont icofont-tag"></i></span> <span class="category-item"><a href="#">Product Design, Creative</a></span> </div> </div> </div> <div class="blog-pic"> <img src="assets/img/blog/blog-2.jpg" alt=""> </div> </div> <!-- /.blog-pic-text --> <div class="blog-pic-text mb20 clearfix relative-position"> <div class="blog-pic"> <img src="assets/img/blog/blog-3.jpg" alt=""> </div> <div class="blog-text"> <div class="blog-meta ul-li-block"> <ul> <li class="blog-date bold blue-clr"><a href="#">17</a></li> <li class="blog-month"><a href="#">October</a></li> <li class="blog-year"><a href="#">2018</a></li> </ul> </div> <div class="blog-title"> <h2 class="blog-title-head semi-bold pb10"><a href="#">Design Is An Art That Always Comes From Heart</a></h2> <div class="blog-category ul-li"> <span><i class="icofont icofont-tag"></i></span> <span class="category-item"><a href="#">Product Design, Creative</a></span> </div> </div> </div> </div> <!-- /.blog-pic-text --> </div> <div class="wall-btn text-center relative-position blue-bg-clr"> <a class="white-clr" href="!#">View All <i class="icofont icofont-long-arrow-right"></i></a> </div> </div> </div> </section> <section id="get-in-touch" class="get-in-touch-section"> <div class="container"> <div class="row section-padding"> <div class="section-title text-capitalize text-center mb80"> <h2 class="title-head bold">Get In Touch</h2> <p>Contact with me</p> </div> <!-- /.section-title --> <div class="get-in-touch-contact"> <div class="contact-area-form"> <form id="contact_form" action="#" method="POST" enctype="multipart/form-data"> <div class="contact-info"> <input type="text" placeholder="Name :"> </div> <div class="contact-info"> <input type="email" placeholder="Email :"> </div> <div class="contact-info"> <input type="text" placeholder="Contact :"> </div> <div class="contact-info"> <input type="number" placeholder="Phone :"> </div> <div class="contact-info-msg mb30"> <textarea id="message" name="message" placeholder="Type some text..." rows="7" cols="30"></textarea> </div> <div class="wall-btn text-center relative-position blue-bg-clr"> <button class="white-clr">Send <i class="icofont icofont-long-arrow-right"></i></button> </div> </form> </div> </div> </div> </div> </section> <section id="contact" class="contact-map-section"> <div class="contact-map"> <div id="google-map"> <div id="googleMaps" class="google-map-container"> </div> </div><!-- /#google-map--> </div> <div class="goolge-address"> <div class="address-title mb30"> <h3 class="address-title-head white-clr play-fair">Contact Information</h3> </div> <div class="address-list relative-position pb20 ul-li ul-li-block mt15"> <ul class="address-list-item white-clr"> <li><i class="white-clr icofont icofont-location-arrow"></i>31, Street Lane, 4th floor, NY 23450</li> <li><i class="white-clr icofont icofont-ui-message"></i>info@gmail.com</li> <li><i class="white-clr icofont icofont-ui-call"></i>+123 456 789</li> </ul> </div> <div class="help-line text-center pt30"> <div class="address-title white-clr"> <h3 class="address-title-head text-uppercase white-clr play-fair">NEED HELP</h3> <span>+ 000 123 456</span> </div> </div> </div> </section> <footer> <div class="copyright-section"> <div class="container"> <div class="row"> <div class="copyright-text pull-left"> <span><a href="http://mwsum.c4g6s4.cn/">椋熻壊鎶栭煶app鑻规灉鐗?/a></span> </div> <div class="footer-social pull-right ul-li"> <ul> <li><a href="#"><i class="icofont icofont-social-facebook"></i></a></li> <li><a href="#"><i class="icofont icofont-social-twitter"></i></a></li> <li><a href="#"><i class="icofont icofont-social-pinterest"></i></a></li> <li><a href="#"><i class="icofont icofont-social-behance"></i></a></li> </ul> </div> </div> </div> </div> <div class="up"> <a href="#" id="scrolluptop" class="scrollup blue-bg-clr"><i class="icofont icofont-arrow-up"></i></a> </div> </footer> <script type="text/javascript" src="assets/js/jquery-2.1.4.min.js"></script> <script type="text/javascript" src="assets/js/bootstrap.min.js"></script> <script type="text/javascript" src="assets/js/owl.carousel.min.js"></script> <script type="text/javascript" src="assets/js/jquery.typer.js"></script> <script type="text/javascript" src="assets/js/jquery.isotope.min.js"></script> <script type="text/javascript" src="assets/js/switch.js"></script> <script type="text/javascript" src="assets/js/wow.min.js"></script> <script type="text/javascript">new WOW().init();</script> <script type="text/javascript" src="assets/js/script.js"></script> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <p>友情鏈接:</p> <p>  <a href="http://1jhnn.eaw0e2.cn/" title="337p日本大胆欧美人术艺术" target="_blank">337p日本大胆欧美人术艺术</a>| <a href="http://913.qc0sugs.cn/" title="亚洲日韩天堂" target="_blank">亚洲日韩天堂</a>| <a href="http://1d7jf.q4cek2.cn/" title="我被三个人同时舔吃b" target="_blank">我被三个人同时舔吃b</a>| <a href="http://btd1d.iscca4.cn/" title="亚洲色欲国产免费视频" target="_blank">亚洲色欲国产免费视频</a>| <a href="http://tp9vp.cekiua.cn/" title="男同versios视频" target="_blank">男同versios视频</a>| <a href="http://vthv7.e00cam.cn/" title="汤姆影院tom新入口" target="_blank">汤姆影院tom新入口</a>| <a href="http://prtfb.u2soy6.cn/" title="成本人动画片在线观看" target="_blank">成本人动画片在线观看</a>| </p> </body> </html>