<!DOCTYPE html> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> <head> <title>سایت شخصی مصطفی کریمی</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <meta name="description" content="FlexyCodes - FlexyCard vCard Template. Creating my personal page!"/> <link rel="stylesheet" type="text/css" href="http://demo.pyramidthemes.ir/html/flexyvcard/css/bootstrap.min.css" /> <link rel="stylesheet" type="text/css" href="http://up.anvweb.ir/up/anvweb/mrkarimi/font-awesome.min%20(2).css" /> <link rel="stylesheet" type="text/css" href="http://demo.pyramidthemes.ir/html/flexyvcard/css/colors/DarkBlue.css" id="colors-style" /> <link rel="stylesheet" type="text/css" href="http://demo.pyramidthemes.ir/html/flexyvcard/css/switcher.css" /> <link rel="stylesheet" type="text/css" href="http://demo.pyramidthemes.ir/html/flexyvcard/css/animate.min.css" /> <link rel="stylesheet" type="text/css" href="http://demo.pyramidthemes.ir/html/flexyvcard/css/jquery.mCustomScrollbar.css" /> <link href="a;http://fonts.googleapis.com/css?family=Lato:300,400"a; rel="a;stylesheet"a; type="a;text/css"a;> <link rel="stylesheet" type="text/css" href="http://demo.pyramidthemes.ir/html/flexyvcard/css/main.css" /> <link rel="stylesheet" type="text/css" href="http://demo.pyramidthemes.ir/html/flexyvcard/css/prettyPhoto.css"/> <link rel="shortcut icon" type="image/x-icon" href="http://demo.pyramidthemes.ir/html/flexyvcard/images/favicon/favicon.ico"> <!--[if IE 7]> <link rel="stylesheet" type="text/css" href="css/icons/font-awesome-ie7.min.css"/> <![endif]--> <style> @media only screen and (max-width : 991px){ .resp-vtabs .resp-tabs-container { margin-left: 0px !important; } .resp-vtabs ul.resp-tabs-list { width: 10%; margin-right: 2px !important; } } @media only screen and (max-width : 800px){ .widget-profil { float: none !important; } } .widget-profil { float: right; } .resp-vtabs ul.resp-tabs-list { float: right; margin-right:12px; } .resp-vtabs .resp-tabs-container { margin-left: 0px !important; } </style> </head> <body> <!--[if lt IE 7]> <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p> <![endif]--> <div id="preloader"><div id="spinner"></div></div> <!-- .slideshow --> <ul class="cb-slideshow" id="cb_slideshow" style="display:none"> <li><span>Image 01</span><div></div></li> <li><span>Image 02</span><div></div></li> <li><span>Image 03</span><div></div></li> <li><span>Image 04</span><div></div></li> <li><span>Image 05</span><div></div></li> <li><span>Image 06</span><div></div></li> </ul> <!-- /.slideshow --> <!-- .wrapper --> <div class="wrapper"> <!--- .Content --> <section class="tab-content"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="row"> <div class="col-md-3 widget-profil"> <div class="row"> <!-- Profile Image --> <div class="col-lg-12 col-md-12 col-sm-3 col-xs-12 "> <div class="image-holder one" id="pic_prof_1" style="display:block"> <img class="head-image up circle" src="images/img/up.png" width="150" height="150" alt="" /> <img class="head-image up-left circle" src="images/img/upleft.png" width="150" height="150" alt="" /> <img class="head-image left circle" src="images/img/left.png" width="150" height="150" alt="" /> <img class="head-image down-left circle" src="images/img/downleft.png" width="150" height="150" alt="" /> <img class="head-image down circle" src="images/img/down.png" width="150" height="150" alt="" /> <img class="head-image down-right circle" src="images/img/downright.png" width="150" height="150" alt="" /> <img class="head-image right circle" src="images/img/right.png" width="150" height="150" alt="" /> <img class="head-image up-right circle" src="images/img/upright.png" width="150" height="150" alt="" /> <img class="head-image front circle" src="images/img/front.png" width="150" height="150" alt="" /> </div> <!-- style for simple image profile --> <div class="circle-img" id="pic_prof_2" style="display:none"></div> </div> <!-- End Profile Image --> <div class="col-lg-12 col-md-12 col-sm-9 col-xs-12"> <!-- Profile info --> <div id="profile_info"> <h1 id="name" class="transition-02">مصطفی کریمی</h1> <h4 class="line">مهندسی مالی و صنایع</h4> <h6><span class="fa fa-map-marker"></span>ایران ، بجنورد</h6> </div> <!-- End Profile info --> <!-- Profile Description --> <div id="profile_desc"> <p> سلام. به وب سایت من خوش آمدید. امیدوارم مطالبی که در سایت من می بینید، به اندازه کافی برای شما مفید باشد. </p> <p> من آماده ام تا در زمینه های مختلف کاری با شما همکاری داشته باشم. </p> </div> <!-- End Profile Description --> <!-- Name --> <div id="profile_social"> <h6>شبکه های اجتماعی من</h6> <a href="#"><i class="fa fa-facebook"></i></a> <a href="#"><i class="fa fa-twitter"></i></a> <a href="#"><i class="fa fa-linkedin"></i></a> <a href="#"><i class="fa fa fa-dribbble"></i></a> <a href="#"><i class="fa fa-foursquare"></i></a> <div class="clear"></div> </div> <!-- End Name --> </div> </div> </div> <div class="col-md-9 flexy_content" style="padding-left: 0;padding-right: 0;"> <!-- verticalTab menu --> <div id="verticalTab"> <ul class="resp-tabs-list"> <li class="tabs-profile hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5a profile" data-tab-name="profile"> <span class="tite-list">پروفایل</span> <i class="fa fa-user icon_menu icon_menu_active"></i> </li> <li class="tabs-resume hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5a" data-tab-name="resume"> <span class="tite-list">رزومه</span> <i class="fa fa-tasks icon_menu"></i> </li> <li class="tabs-portfolio hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5a" data-tab-name="portfolio"> <span class="tite-list">نمونه کارها</span> <i class="fa fa-briefcase icon_menu"></i> </li> <li class="tabs-blog hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5a" data-tab-name="blog"> <span class="tite-list">نوشته ها</span> <i class="fa fa-bullhorn icon_menu"></i> </li> <li class="tabs-contact hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5a" data-tab-name="contact" style="margin-bottom: 48px !important;"> <span class="tite-list">ارتباط با من</span> <i class="fa fa-envelope icon_menu"></i> </li> <a href="#" id="print"><i class="fa fa-print icon_print"></i> </a> <a href="#" id="downlowd"><i class="fa fa-download icon_print"></i> </a> </ul> <!-- /resp-tabs-list --> <!-- resp-tabs-container --> <div class="resp-tabs-container"> <!-- profile --> <div id="profile" class="content_2"> <!-- .title --> <h1 class="h-bloc">پروفایل - درباره من</h1> <div class="row top-p"> <div class="col-md-6 profile-l"> <!--About me--> <div class="title_content"> <div class="text_content">مصطفی کریمی</div> <div class="clear"></div> </div> <ul class="about"> <li> <i class="glyphicon glyphicon-user"></i> <label>نام</label> <span class="value">مصطفی</span> <div class="clear"></div> </li> <li> <i class="glyphicon glyphicon-calendar"></i> <label>تاریخ تولد</label> <span class="value">بهمن 74</span> <div class="clear"></div> </li> <li> <i class="glyphicon glyphicon-map-marker"></i> <label>آدرس</label> <span class="value">ایران ، بجنورد</span> <div class="clear"></div> </li> <li> <i class="glyphicon glyphicon-envelope"></i> <label>ایمیل</label> <span class="value">mkarimi21@hotmail.com mkarimi2133@gmail.com</span> <div class="clear"></div> </li> <li> <i class="glyphicon glyphicon-phone"></i> <label>تلفن</label> <span class="value">989159830611+</span> <div class="clear"></div> </li> <li> <i class="glyphicon glyphicon-globe"></i> <label>وب سایت</label> <span class="value"><a href="#" target="_blank">www.Mr-Karimi.ir</a></span> <div class="clear"></div> </li> </ul> <p style="margin-bottom:20px"> <i class="fa fa-quote-left"></i> من مصطفی ، 22 ساله فلان بیسار بمان والا :)) </p> <p style="margin-bottom:20px"> <i class="fa fa-quote-left"></i> پس از دریافت مدرک دانشگاهی، به دلیل علاقه خاصی که به طراحی و برنامه نویسی وب سایت داشتم، دوره های آموزشی مرتبط با این کار را گذراندم و پس از گذشت یک سال، با دریافت مدارک مربوط به دوره های HTML، CSS، MySQL و PHP فعالیت خود را در این زمینه آغاز نمودم. </p> </div> <!-- End left-wrap --> <div class="col-md-6 profile-r"> <div class="cycle-slideshow"> <img src="http://demo.pyramidthemes.ir/html/flexyvcard/images/img-profile/about_1.jpg" alt="" /> <img src="http://demo.pyramidthemes.ir/html/flexyvcard/images/img-profile/about_1.jpg" alt="" /> <img src="http://demo.pyramidthemes.ir/html/flexyvcard/images/img-profile/about_1.jpg" alt="" /> </div> </div> </div> <div class="clear"></div> <div class="row" id="services"> <div class="col-md-12"> <div class="title_content"> <div class="text_content">خدمات من - بخش اول</div> <div class="clear"></div> </div> <div class="col-md-4 pack-service"> <div class="service"> <div class="service-icon"><i class="fa fa-tag"></i></div> <div class="service-detail"> <h6>طراحی سایت</h6> <p>با طراحی منحصر به فرد، کاملا منطبق با تمامی مرورگرها و صفحه نمایش در فضای دیگر شغل خود را بهتر و جذاب تر معرفی خواهید کرد</p> </div> </div> </div> <div class="col-md-4 pack-service"> <div class="service"> <div class="service-icon"><i class="fa fa-cogs"></i></div> <div class="service-detail"> <h6>تبلیغات اینترنتی</h6> <p>برای جذب کاربران اینترنت بهترین راه تبلیغات اینترنتی است، شرکت ما با ارائه کلیه خدمات تبلیغاتی در اینترنت آماده خدمت رسانی به کلیه اشخاص حقیقی و حقوقی است</p> </div> </div> </div> <div class="col-md-4 pack-service"> <div class="service"> <div class="service-icon"><i class="fa fa-arrows-alt"></i></div> <div class="service-detail"> <h6>بهینه سازی وب سایت</h6> <p>بهینه سازی سایت شامل استاندارد سازی تگ هایی است که سایت شما با آن طراحی می شود، شما می توانید با بهینه سازی رتبه ی بالاتری در الکسا و جایگاه بهتری در بین موتورهای جستجوگر داشته باشید</p> </div> </div> </div> </div> </div><!-- End Services --> <div class="clear"></div> <div class="border-list"></div> <div class="row"> <div class="col-md-12"> <div class="bottom-p"> <div class="title_content"> <div class="text_content">خدمات من - بخش دوم</div> <div class="clear"></div> </div> <div class="panel-group" id="accordion"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" class="collapse_tabs"> طراحی سایت <i class="glyphicon glyphicon-chevron-up" style="float: right;font-size: 13px;"></i> </a> </h4> </div> <div id="collapseOne" class="panel-collapse collapse in"> <div class="panel-body"> <i class="fa fa-quote-left"></i> با طراحی منحصر به فرد، کاملا منطبق با تمامی مرورگرها و صفحه نمایش در فضای دیگر شغل خود را بهتر و جذاب تر معرفی خواهید کرد. با طراحی منحصر به فرد، کاملا منطبق با تمامی مرورگرها و صفحه نمایش در فضای دیگر شغل خود را بهتر و جذاب تر معرفی خواهید کرد </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" class="collapse_tabs"> تبلیغات اینترنتی <i class="glyphicon glyphicon-chevron-down" style="float: right;font-size: 13px;"></i> </a> </h4> </div> <div id="collapseTwo" class="panel-collapse collapse"> <div class="panel-body"> <i class="fa fa-quote-left"></i> برای جذب کاربران اینترنت بهترین راه تبلیغات اینترنتی است، شرکت ما با ارائه کلیه خدمات تبلیغاتی در اینترنت آماده خدمت رسانی به کلیه اشخاص حقیقی و حقوقی است. برای جذب کاربران اینترنت بهترین راه تبلیغات اینترنتی است، شرکت ما با ارائه کلیه خدمات تبلیغاتی در اینترنت آماده خدمت رسانی به کلیه اشخاص حقیقی و حقوقی است </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree" class="collapse_tabs"> بهینه سازی وب سایت <i class="glyphicon glyphicon-chevron-down" style="float: right;font-size: 13px;"></i> </a> </h4> </div> <div id="collapseThree" class="panel-collapse collapse"> <div class="panel-body"> <i class="fa fa-quote-left"></i> بهینه سازی سایت شامل استاندارد سازی تگ هایی است که سایت شما با آن طراحی می شود، شما می توانید با بهینه سازی رتبه ی بالاتری در الکسا و جایگاه بهتری در بین موتورهای جستجوگر داشته باشید. بهینه سازی سایت شامل استاندارد سازی تگ هایی است که سایت شما با آن طراحی می شود، شما می توانید با بهینه سازی رتبه ی بالاتری در الکسا و جایگاه بهتری در بین موتورهای جستجوگر داشته باشید </div> </div> </div> </div> </div> </div> </div> <div class="clear"></div> </div> <!-- End .profile --> <!-- .resume --> <div id="resume" class="content_2"> <!-- .title --> <h1 class="h-bloc">رزومه - اطلاعات کاری</h1> <div class="row"> <!-- .resume-right --> <div class="col-md-6"> <!-- .title_content --> <div class="title_content" style="float: none;"> <div class="text_content">مهارت های طراحی</div> <div class="clear"></div> </div> <!-- /.title_content --> <div class="skills"> <!-- .skillbar --> <div class="skillbar clearfix" data-percent="93%"> <div class="skillbar-title"><span>Adb Photoshop</span></div> <div class="skillbar-bar"></div> <div class="skill-bar-percent">93%</div> </div> <!-- /.skillbar --> <!-- .skillbar --> <div class="skillbar clearfix" data-percent="86%"> <div class="skillbar-title"><span>Adb Premiere</span></div> <div class="skillbar-bar"></div> <div class="skill-bar-percent">86%</div> </div> <!-- /.skillbar --> <!-- .skillbar --> <div class="skillbar clearfix" data-percent="89%"> <div class="skillbar-title"><span>Adb Indesign</span></div> <div class="skillbar-bar"></div> <div class="skill-bar-percent">89%</div> </div> <!-- /.skillbar --> <!-- .skillbar --> <div class="skillbar clearfix" data-percent="70%"> <div class="skillbar-title"><span>Crl Draw</span></div> <div class="skillbar-bar"></div> <div class="skill-bar-percent">70%</div> </div> <!-- /.skillbar --> </div> <!-- .title_content --> <div class="title_content" style="float: none;"> <div class="text_content">مهارت های برنامه نویسی</div> <div class="clear"></div> </div> <!-- /.title_content --> <div class="skills"> <!-- .skillbar --> <div class="skillbar clearfix" data-percent="30%"> <div class="skillbar-title"><span>Phyton</span></div> <div class="skillbar-bar"></div> <div class="skill-bar-percent">30%</div> </div> <!-- /.skillbar --> <!-- .skillbar --> <div class="skillbar clearfix" data-percent="56%"> <div class="skillbar-title"><span>Visual Basic</span></div> <div class="skillbar-bar"></div> <div class="skill-bar-percent">56%</div> </div> <!-- /.skillbar --> <!-- .skillbar --> <div class="skillbar clearfix" data-percent="60%"> <div class="skillbar-title"><span>C</span></div> <div class="skillbar-bar"></div> <div class="skill-bar-percent">60%</div> </div> <!-- /.skillbar --> </div> <!-- .title_content --> <div class="title_content" style="float: none;"> <div class="text_content">مهارت های آفیس</div> <div class="clear"></div> </div> <!-- /.title_content --> <div class="skills"> <!-- .skillbar --> <div class="skillbar clearfix " data-percent="86%"> <div class="skillbar-title"><span>MSP + WBS</span></div> <div class="skillbar-bar"></div> <div class="skill-bar-percent">86%</div> </div> <!-- /.skillbar --> <!-- .skillbar --> <div class="skillbar clearfix " data-percent="86%"> <div class="skillbar-title"><span>MS Access</span></div> <div class="skillbar-bar"></div> <div class="skill-bar-percent">86%</div> </div> <!-- /.skillbar --> <!-- .skillbar --> <div class="skillbar clearfix" data-percent="86%"> <div class="skillbar-title"><span>MS Excel</span></div> <div class="skillbar-bar"></div> <div class="skill-bar-percent">86%</div> </div> <!-- /.skillbar --> <!-- .skillbar --> <div class="skillbar clearfix " data-percent="95%"> <div class="skillbar-title"><span>MS Word</span></div> <div class="skillbar-bar"></div> <div class="skill-bar-percent">95%</div> </div> <!-- /.skillbar --> <!-- .skillbar --> <div class="skillbar clearfix " data-percent="95%"> <div class="skillbar-title"><span>MS Powerpoint</span></div> <div class="skillbar-bar"></div> <div class="skill-bar-percent">95%</div> </div> <!-- /.skillbar --> </div> <!-- .title_content --> <div class="title_content" style="float: none;"> <div class="text_content">مهارت های تخصصی</div> <div class="clear"></div> </div> <!-- /.title_content --> <div class="skills"> <!-- .skillbar --> <div class="skillbar clearfix" data-percent="89%"> <div class="skillbar-title"><span>MATLAB</span></div> <div class="skillbar-bar"></div> <div class="skill-bar-percent">89%</div> </div> <!-- /.skillbar --> <!-- .skillbar --> <div class="skillbar clearfix " data-percent="95%"> <div class="skillbar-title"><span>GAMS</span></div> <div class="skillbar-bar"></div> <div class="skill-bar-percent">95%</div> </div> <!-- /.skillbar --> <!-- .skillbar --> <div class="skillbar clearfix " data-percent="94%"> <div class="skillbar-title"><span>COMFAR</span></div> <div class="skillbar-bar"></div> <div class="skill-bar-percent">94%</div> </div> <!-- /.skillbar --> <!-- .skillbar --> <div class="skillbar clearfix " data-percent="86%"> <div class="skillbar-title"><span>SPSS</span></div> <div class="skillbar-bar"></div> <div class="skill-bar-percent">86%</div> </div> <!-- /.skillbar --> <!-- .skillbar --> <div class="skillbar clearfix " data-percent="86%"> <div class="skillbar-title"><span>P6</span></div> <div class="skillbar-bar"></div> <div class="skill-bar-percent">86%</div> </div> <!-- /.skillbar --> </div> <!-- .title_content --> <div class="title_content" style="float: none;"> <div class="text_content">مهارت های زبان</div> <div class="clear"></div> </div> <!-- /.title_content --> <div class="skills"> <!-- .skillbar --> <div class="skillbar clearfix" data-percent="90%"> <div class="skillbar-title"><span>انگلیسی</span></div> <div class="skillbar-bar"></div> <div class="skill-bar-percent">90%</div> </div> <!-- /.skillbar --> <!-- .skillbar --> <div class="skillbar clearfix " data-percent="80%"> <div class="skillbar-title"><span>ایتالیایی</span></div> <div class="skillbar-bar"></div> <div class="skill-bar-percent">80%</div> </div> <!-- /.skillbar --> <!-- .skillbar --> <div class="skillbar clearfix " data-percent="80%"> <div class="skillbar-title"><span>استانبولی</span></div> <div class="skillbar-bar"></div> <div class="skill-bar-percent">80%</div> </div> <!-- /.skillbar --> </div> <!-- .title_content --> <div class="title_content" style="float: none;"> <div class="text_content">رزومه من</div> <div class="clear"></div> </div> <!-- /.title_content --> <!-- .download_resume --> <a class="download" style="margin:0;float: left;" href="#"> <span data-hover="دریافت رزومه من">دریافت رزومه من <i class="glyphicon glyphicon-download-alt"></i></span> </a> <!-- /.download_resume --> </div> <!-- /.resume-right --> <!-- .resume-left --> <div class="col-md-6 resume-left"> <!-- .title_content --> <div class="title_content" style="margin-bottom:5px"> <div class="text_content">سوابق کاری</div> <div class="clear"></div> </div> <!-- /.title_content --> <!-- .attributes --> <ul class="attributes"> <li class="first"> <h5>برنامه نویس وب <span class="duration"><i class="fa fa-calendar color"></i> 2011 - 2013</span></h5> <h6><span class="fa fa-briefcase"></span> W3Developers</h6> <p>شرکت طراحان و توسعه دهندگان وب سایت ( W3Developers ) در سال 1392، با پشتوانه چندین سال تجربه ی موسسان خود در زمینه ی طراحی و توسعه وب سایت و تبلیغات اینترنتی توسط جمعی سه نفره کار خود را آغاز کرد. گروه W3Developers مفتخر است که با هدف خدمت رسانی به شما عزیزان کار خود را آغاز کرده و در راستای همین هدف به ارائه خدماتی با تضمین و کیفیت بالا، متناسب برای هر گونه درآمد پرداخته است</p> </li> <li> <h5>طراح و برنامه نویس وب <span class="duration"><i class="fa fa-calendar color"></i> 2010 - 2011</span></h5> <h6><span class="fa fa-briefcase"></span> ITC Certification</h6> <p>نمایندگی شرکت ITCC International در خاورمیانه با مرکزیت ایران از سال ۱۳۸۷ آغاز به کار نمود و تحت نظارت (ASCB(E اروپا، اقدام به ممیزی و صدور گواهینامه در انواع سیستم های مدیریتی و استاندارد نموده است. این نمایندگی از معدود شرکتهای صادر کننده گواهینامه در ایران می باشد که امکان صدور گواهینامه های ISO 50001 , ISO 27001 را به صورت اکردیت دارد.</p> </li> </ul> <!-- /.attributes --> <br> <!-- .title_content --> <div class="title_content"> <div class="text_content">تحصیلات</div> <div class="clear"></div> </div> <!-- /.title_content --> <!-- .attributes --> <ul class="attributes"> <li class="first"> <h5>برنامه نویسی وب سایت <span class="duration"><i class="fa fa-calendar color"></i> 2011 - 2013</span></h5> <h6><span class="fa fa-book"></span> مجتمع فنی تهران</h6> <p>در این دوره برنامه نویسی وب سایت های داینامیک را با استفاده از زبان برنامه نویسی PHP فرا گرفتم. همچنین در این دوره آموزش های مربوط به پایگاه داده و کار با آن را نیز دیدم.</p> </li> <li> <h5>مترجمی زبان انگلیسی <span class="duration"><i class="fa fa-calendar color"></i> 2010 - 2011</span></h5> <h6><span class="fa fa-book"></span> دانشگاه آزاد اسلامی</h6> <p>به دلیل علاقه شخصی به زبان های خارجی، این رشته را برای ادامه تحصیل انتخاب کردم و طی 4 سال تحصیلی از یکی از دانشگاه های معتبر دز این رشته فارغ التحصیل شدم و مشغول به کار شدم.</p> </li> </ul> <!-- /.attributes --> <br> <!-- .title_content --> <div class="title_content"> <div class="text_content">افتخارات</div> <div class="clear"></div> </div> <!-- /.title_content --> <!-- .attributes --> <ul class="attributes"> <li class="first"> <h5>بهترین طراحی قالب سایت <span class="duration"><i class="fa fa-calendar color"></i> 2013 - 2014</span></h5> <h6><span class="fa fa-trophy"></span> جشنواره وب ایران</h6> <p>در این دوره از جشنواره وب ایران، موفق به دریافت جایزه نخست در بخش بهترین طراحی قالب های وب سایت شدم.</p> </li> <li> <h5>بهترین طراحی قالب سایت <span class="duration"><i class="fa fa-calendar color"></i> 2012 - 2013</span></h5> <h6><span class="fa fa-trophy"></span> جشنواره وب ایران</h6> <p>در این دوره از جشنواره وب ایران، موفق به دریافت جایزه نخست در بخش بهترین طراحی قالب های وب سایت شدم.</p> </li> </ul> <!-- /.attributes --> <br> </div> <!-- /.resume-left --> </div> <div style="clear: both"></div> </div> <!-- End .resume --> <!-- .portfolio --> <div id="portfolio" class="content_2"> <!-- .title --> <h1 class="h-bloc">نمونه کارهای من</h1> <!-- .container-portfolio --> <div class="container-portfolio"> <!-- #filters --> <ul id="filters" class="clearfix"> <li><span class="filter active" data-filter="catWeb catGraphic catMotion logo">همه</span></li> <li><span class="filter" data-filter="catWeb">نرم افزار تخصصی</span></li> <li><span class="filter" data-filter="catGraphic">طراحی گرافیک</span></li> <li><span class="filter" data-filter="logo">مقاله و پروژه</span></li> <li><span class="filter" data-filter="catMotion">متفرقه</span></li> </ul> <!-- /#filters --> <!-- #portfoliolist --> <div id="portfoliolist"> <!-- .portfolio --> <div class="portfolio logo" data-cat="logo"> <!-- .portfolio-wrapper --> <div class="portfolio-wrapper"> <a href="images/portfolio/1.jpg" rel="portfolio" title=""> <img src="images/portfolio/1.jpg" alt="Visual Infography" /> <div class="label"> <div class="label-text"> <a class="text-title">نام پروژه</a> <span class="text-category">طراحی لوگو</span> </div> <div class="label-bg"></div> </div> </a> </div> <!-- /.portfolio-wrapper --> </div> <!-- /.portfolio --> <!-- .portfolio --> <div class="portfolio catWeb" data-cat="catWeb"> <!-- .portfolio-wrapper --> <div class="portfolio-wrapper"> <a href="/" rel="portfolio"> <img src="images/portfolio/2.jpg" alt="Visual Infography" /> <div class="label"> <div class="label-text"> <a class="text-title">نام پروژه</a> <span class="text-category">طراحی وب</span> </div> <div class="label-bg"></div> </div> </a> </div> <!-- /.portfolio-wrapper --> </div> <!-- /.portfolio --> <!-- .portfolio --> <div class="portfolio catWeb" data-cat="catWeb"> <!-- .portfolio-wrapper --> <div class="portfolio-wrapper"> <a href="images/portfolio/3.jpg" rel="portfolio"> <img src="images/portfolio/3.jpg" alt="Sonor"a;s Design" /> <div class="label"> <div class="label-text"> <a class="text-title">نام پروژه</a> <span class="text-category">طراحی وب</span> </div> <div class="label-bg"></div> </div> </a> </div> <!-- /.portfolio-wrapper --> </div> <!-- /.portfolio --> <!-- .portfolio --> <div class="portfolio catMotion" data-cat="catMotion"> <!-- .portfolio-wrapper --> <div class="portfolio-wrapper"> <a href="images/portfolio/4.jpg" rel="portfolio"> <img src="images/portfolio/4.jpg" alt="Typography Company" /> <div class="label"> <div class="label-text"> <a class="text-title">نام پروژه</a> <span class="text-category">طراحی سه بعدی</span> </div> <div class="label-bg"></div> </div> </a> </div> <!-- /.portfolio-wrapper --> </div> <!-- /.portfolio --> <!-- .portfolio --> <div class="portfolio catWeb" data-cat="catWeb"> <!-- .portfolio-wrapper --> <div class="portfolio-wrapper"> <a href="images/portfolio/5.jpg" title="Etiam quis mi eu elit tempor facilisis id et neque. Nulla sit amet sem sapien." rel="portfolio"> <img src="images/portfolio/5.jpg" alt="Weatherette" /> <div class="label"> <div class="label-text"> <a class="text-title">نام پروژه</a> <span class="text-category">طراحی وب</span> </div> <div class="label-bg"></div> </div> </a> </div> <!-- /.portfolio-wrapper --> </div> <!-- /.portfolio --> <!-- .portfolio --> <div class="portfolio catMotion" data-cat="catMotion"> <!-- .portfolio-wrapper --> <div class="portfolio-wrapper"> <a href="images/portfolio/6.jpg" rel="portfolio"> <img src="images/portfolio/6.jpg" alt="BMF" /> <div class="label"> <div class="label-text"> <a class="text-title">نام پروژه</a> <span class="text-category">طراحی سه بعدی</span> </div> <div class="label-bg"></div> </div> </a> </div> <!-- /.portfolio-wrapper --> </div> <!-- /.portfolio --> <!-- .portfolio --> <div class="portfolio catGraphic" data-cat="catGraphic"> <!-- .portfolio-wrapper --> <div class="portfolio-wrapper"> <a href="images/portfolio/7.jpg" title="Etiam quis mi eu elit tempor facilisis id et neque. Nulla sit amet sem sapien." rel="portfolio"> <img src="images/portfolio/7.jpg" alt="Techlion" /> <div class="label"> <div class="label-text"> <a class="text-title">نام پروژه</a> <span class="text-category">طراحی گرافیک</span> </div> <div class="label-bg"></div> </div> </a> </div> <!-- /.portfolio-wrapper --> </div> <!-- /.portfolio --> <!-- .portfolio --> <div class="portfolio logo" data-cat="logo"> <!-- .portfolio-wrapper --> <div class="portfolio-wrapper"> <a href="images/portfolio/8.jpg" rel="portfolio" title="Etiam quis mi eu elit tempor facilisis id et neque. Nulla sit amet sem sapien."> <img src="images/portfolio/8.jpg" alt="KittyPic" /> <div class="label"> <div class="label-text"> <a class="text-title">نام پروژه</a> <span class="text-category">طراحی لوگو</span> </div> <div class="label-bg"></div> </div> </a> </div> <!-- /.portfolio-wrapper --> </div> <!-- /.portfolio --> <!-- .portfolio --> <div class="portfolio catWeb" data-cat="catWeb"> <!-- .portfolio-wrapper --> <div class="portfolio-wrapper"> <a href="images/portfolio/9.jpg" title="Etiam quis mi eu elit tempor facilisis id et neque. Nulla sit amet sem sapien." rel="portfolio"> <img src="images/portfolio/9.jpg" alt="Graph Plotting" /> <div class="label"> <div class="label-text"> <a class="text-title">نام پروژه</a> <span class="text-category">طراحی وب</span> </div> <div class="label-bg"></div> </div> </a> </div> <!-- /.portfolio-wrapper --> </div> <!-- /.portfolio --> <!-- .portfolio --> <div class="portfolio catGraphic" data-cat="catGraphic"> <!-- .portfolio-wrapper --> <div class="portfolio-wrapper">