قالب مینیمال بلاگفا

دنبال یک طرح بودم برای سبک مینیمال ، قبلا در وبلاگم چنتا قالب مینیمال طراحی کرده بودم اینبار اومدم ترکیبی از قالب‌هارو به مینیمال تبدیل کردم ، اول اینکه قالب به چهار بخش تقسیم شده ، تمامی محتوا به وسط صفحه متمرکز شده ، از لیست پایین جعبه امکان تغییر بخش‌های مختلف قالب هست ، اسکرول‌بار جدید اضافه شده و اینکه بخش جدید حرکت پس‌زمینه با الگوی حرکت ماوس اضافه شده ، به راحتی میتونید این قالب رو شخصی سازی کنید ، امیدوارم خوشتون اومده باشه نظر فراموش نشه 🙂 .

  • فونت فارسی شبنم
  • فونت فارسی صمیم
  • حرکت پس‌زمینه با الگوی حرکت ماوس
  • ریسپانسیو و واکنشگرا

کد قالب مینیمال بلاگفا

<!DOCTYPE html>
<html>
<!-- theme designed by https://blacktheme.ir  | Weblog Themes & code for Weblog -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title><-BlogAndPostTitle-></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="content-language" content="fa">
<meta name="description" content="<-BlogMetaDescription->">
<meta name="generator" content="blogfa.com">
<meta property="og:title" content="<-AutoPageTitle->">
<meta property="og:site_name" content="<-BlogTitle->">
<meta property="og:description" content="<-BlogMetaDescription->">
<meta name="twitter:title" content="<-AutoPageTitle->">
<meta name="twitter:description" content="<-BlogMetaDescription->">
<link rel="alternate" type="application/rss+xml" title="<-BlogTitle->" href="<-BlogXmlLink->" />
<link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.net/gh/rastikerdar/samim-font@v4.0.5/dist/font-face.css">
<link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.net/gh/rastikerdar/shabnam-font@v5.0.1/dist/font-face.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/overlayscrollbars/1.13.0/css/OverlayScrollbars.min.css">
<style>html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}*{box-sizing:border-box}img{max-width:100%}body,button,input{font-family:samim,sans-serif,tahoma}h1,h2,h3,h4,h5,h6{font-family:shabnam,sans-serif,tahoma}body{line-height:1.8;font-size:9pt;background-color:#eee;direction:rtl;color:#111;background-image:linear-gradient(45deg,#f0f0f0,#e1e1e1);position:relative;height:100vh;overflow:hidden;background-image:url("data:image/svg+xml,%3Csvg width='800' height='600' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- Created with Method Draw - http://github.com/duopixel/Method-Draw/ --%3E%3Cg%3E%3Ctitle%3Ebackground%3C/title%3E%3Crect fill='none' id='canvas_background' height='602' width='802' y='-1' x='-1'/%3E%3Cg display='none' overflow='visible' y='0' x='0' height='100%25' width='100%25' id='canvasGrid'%3E%3Crect fill='url(%23gridpattern)' stroke-width='0' y='0' x='0' height='100%25' width='100%25'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cellipse ry='8.5' rx='8.5' id='svg_1' cy='171' cx='69' stroke-width='1.5' stroke='%23ffffff' fill='none'/%3E%3Cellipse stroke='%239bd9db' ry='10' rx='10' id='svg_5' cy='358.5' cx='74' stroke-width='1.5' fill='%239bd9db'/%3E%3Cellipse stroke='%239bd9db' ry='12.5' rx='12.5' id='svg_7' cy='542.5' cx='757.5' stroke-width='1.5' fill='%239bd9db'/%3E%3Cellipse stroke='%239bd9db' ry='8' rx='8' id='svg_8' cy='62.5' cx='569' stroke-width='1.5' fill='%239bd9db'/%3E%3Cellipse stroke='%23ffffff' ry='7' rx='7' id='svg_9' cy='505' cx='340' stroke-width='1.5' fill='%23ffffff'/%3E%3Cellipse stroke='%23ffffff' ry='14' rx='14' id='svg_10' cy='527.5' cx='182' stroke-width='1.5' fill='none'/%3E%3Cellipse stroke='%239bd9db' ry='8' rx='8' id='svg_11' cy='274.5' cx='724.5' stroke-width='1.5' fill='%239bd9db'/%3E%3Cellipse stroke='%239bd9db' ry='4' rx='4' id='svg_12' cy='126' cx='266.5' stroke-width='1.5' fill='%239bd9db'/%3E%3Cellipse stroke='%239bd9db' ry='4' rx='4' id='svg_13' cy='520' cx='320.5' stroke-width='1.5' fill='%239bd9db'/%3E%3Cellipse stroke='%23ffffff' ry='15' rx='15' id='svg_14' cy='406.5' cx='735.5' stroke-width='1.5' fill='none'/%3E%3Cellipse stroke='%23ffffff' ry='5' rx='5' id='svg_15' cy='247.5' cx='418' stroke-width='1.5' fill='none'/%3E%3Cellipse stroke='%23ffffff' ry='4' rx='4' id='svg_17' cy='172' cx='147.5' stroke-width='1.5' fill='%23ffffff'/%3E%3Cellipse stroke='%23ffffff' ry='8' rx='8' id='svg_18' cy='213' cx='574' stroke-width='1.5' fill='%23ffffff'/%3E%3Cellipse stroke='%23ffffff' ry='8' rx='8' id='svg_19' cy='45' cx='28' stroke-width='1.5' fill='%23ffffff'/%3E%3Cellipse stroke='%23ffffff' ry='8' rx='8' id='svg_20' cy='578' cx='571' stroke-width='1.5' fill='%23ffffff'/%3E%3Cellipse ry='8.5' rx='8.5' id='svg_21' cy='120' cx='693' stroke-width='1.5' stroke='%23ffffff' fill='none'/%3E%3Cellipse ry='8.5' rx='8.5' id='svg_22' cy='513' cx='12' stroke-width='1.5' stroke='%23ffffff' fill='none'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:700px}a{text-decoration:none;color:inherit}a:hover{opacity:.3}svg{display:block;width:24px;height:24px}.blackthemeBox{max-width:400px;margin-right:auto;margin-left:auto;position:fixed;left:0;right:0;top:0;bottom:0;z-index:1;padding:40px 20px;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px}@media screen and (max-width:400px),(max-height:500px){.blackthemeBox{padding:15px}}.blackthemeBoxBg{background-color:#f5f5f5;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;height:100%;box-shadow:0 0 20px #dbdbdb;border:2px solid #fff}.blackthemePadding{padding:20px}.blackthemeBoxBg{display:flex;flex-direction:column;overflow:hidden;position:relative}.blackthemeHead{height:100%;margin-top:70px;margin-bottom:60px;position:relative}.blackthemeFooter{max-height:60px;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;background-color:#fff;position:absolute;bottom:0;z-index:2;width:100%}.blackthemeFooter a{padding-bottom:5px;border-bottom:2px solid transparent;opacity:1!important}.blackthemeFooter .set{border-color:#9bd9db;color:#9bd9db}.blackthemeCarousel{height:100%}.blackthemeCarousel .blackthemeCarouselBox{width:100%;min-height:100%;padding:20px;overflow:hidden}.os-theme-dark>.os-scrollbar,.os-theme-light>.os-scrollbar{padding:4px!important}.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{background:hsla(0,0%,20%,.08)!important}.os-theme-dark>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle{background:#9bd9db!important}header{max-height:70px;height:70px;display:flex;flex-direction:row;align-items:center;position:absolute;top:0;left:0;width:100%;background-color:#fff;padding:0 20px;white-space:nowrap;overflow:hidden}header img{display:block;height:40px;width:40px;margin-left:10px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}header h1{margin:0;padding:0;font-size:1.5em}.blackthemePostBox{margin-bottom:20px;border-bottom:2px solid hsla(0,0%,0%,.01);padding-bottom:10px}.blackthemePostBox img{height:auto}.blackthemePostBox a{font-weight:700}.blackthemePostBoxTitle{font-size:1.2em;padding:0;margin:0}.blackthemeClear{clear:both}.blackthemePostTag{font-size:8.5pt;margin-top:10px}.blackthemePostInfo{font-size:8.5pt;color:#9b9b9b}.blackthemePostInfo a{color:#111}.blackthemeComment{text-align:left}.blackthemePagination{padding-bottom:20px}.blackthemePrevoius{float:right}.blackthemeNext{float:left}.blackthemeSideBox{margin-bottom:20px;border-bottom:2px solid hsla(0,0%,0%,.01);padding-bottom:20px}.blackthemeSideBox:last-of-type{border:none}.blackthemeSideBox h6{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;font-size:inherit;margin:0 0 20px 0;padding:0}.blackthemeSideBox h6 svg{margin-left:10px}.blackthemeSideBox ul{padding:0;margin:0;list-style-type:none;list-style:none}.blackthemeNav ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.blackthemeNav{padding-bottom:10px!important}.blackthemeNav ul li{margin-left:10px;margin-bottom:10px}</style>
<script src="http://theme.blogfa.com/public/theme.1.2.js"  type="text/javascript" ></script>
<script type="text/javascript">
 try {
  cmt_caption[0]="نظرات";
  cmt_caption[1]="نظر بدهید";
  cmt_caption[2]="یک نظر";
  cmt_caption[3]="نظر";
  cmt_blogid="<-BlogId->";
  }
  catch(e) {}
</script>
</head>
<body>
    <div class="blackthemeBox">
        <div class="blackthemeBoxBg">
            <header>
                <BlogPhoto><img src="<-BlogPhotoLink->" class="imgSelect"></BlogPhoto>
                <h1><a href="<-BlogUrl->"><-BlogTitle-></a></h1>
            </header>
            <div class="blackthemeHead">
                <div class="blackthemeCarousel">
                    <div class="blackthemeCarouselBox blackthemeScroll" id="home">
                        <BLOGFA>
                            <div class="blackthemePostBox">
                                <h2 class="blackthemePostBoxTitle"><a href="<-PostLink->">
                                        <-PostTitle->
                                    </a></h2>
                                <-PostContent->
                                    <div class="blackthemeClear"></div>
                                    <BlogExtendedPost><a href="<-PostLink->">ادامه نوشته</a></BlogExtendedPost>
                                    <BlogPostTagsBlock>
                                        <div class="blackthemePostTag">
                                            <span>برچسب‌ها: </span>
                                            <BlogPostTags separator=", "><a href="<-TagLink->">
                                                    <-TagName->
                                                </a></BlogPostTags>
                                        </div>
                                    </BlogPostTagsBlock>
                                    <div class="blackthemePostInfo">
                                        <span>
                                            <-PostAuthor-> | <-PostDate->
                                                    <-PostTime->
                                        </span>
                        
                                        <BlogComment>
                                            <div class="blackthemeComment">
                                                <span dir="rtl" comment-for="<-PostId->"></span>
                                            </div>
                                        </BlogComment>
                        
                                    </div>
                            </div>
                        </BLOGFA>
                        <BlogNextAndPreviousBlock>
                            <div class="blackthemePagination">
                                <BlogPreviousPageBlock>
                                    <a href="<-BlogPreviousPageLink->" class="blackthemePrevoius">صفحه قبل</a>
                                </BlogPreviousPageBlock>
                                <BlogNextPageBlock>
                                    <a href="<-BlogNextPageLink->" class="blackthemeNext">صفحه بعد</a>
                                </BlogNextPageBlock>
                                <div class="blackthemeClear"></div>
                            </div>
                        </BlogNextAndPreviousBlock>
                        <div style="text-align: center;margin-top: 20px;">
                            <-BlogCustomHtml->
                              <div class="blackthemeClear"></div>
                          </div>
                    </div>
                    <div class="blackthemeCarouselBox blackthemeScroll" id="content">
                        <BlogCategoriesBlock>
                            <div class="blackthemeSideBox">
                              <h6>آرشیو موضوعی<svg viewBox="0 0 24 24" width="28" height="28" stroke="currentColor" stroke-width="1.5"
                                  fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
                                  <rect x="3" y="3" width="7" height="7"></rect>
                                  <rect x="14" y="3" width="7" height="7"></rect>
                                  <rect x="14" y="14" width="7" height="7"></rect>
                                  <rect x="3" y="14" width="7" height="7"></rect>
                                </svg></h6>
                              <ul>
                                <BlogCategories>
                                  <li><a href="<-CategoryLink->">
                                      <-CategoryName->
                                    </a></li>
                                </BlogCategories>
                              </ul>
                            </div>
                          </BlogCategoriesBlock>
                          
                          <BlogPreviousItemsBlock>
                            <div class="blackthemeSideBox">
                              <h6>آخرین نوشته‌ها<svg viewBox="0 0 24 24" width="28" height="28" stroke="currentColor" stroke-width="1.5"
                                  fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
                                  <path d="M12 20h9"></path>
                                  <path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"></path>
                                </svg></h6>
                        
                              <ul>
                                <BlogPreviousItems items="10">
                                  <li>
                                    <a href="<-PostLink->" title="<-PostDate->">
                                      <-PostTitle->
                                    </a>
                                  </li>
                                </BlogPreviousItems>
                              </ul>
                            </div>
                          </BlogPreviousItemsBlock>
                        
                          <BlogTagsBlock>
                            <div class="blackthemeSideBox">
                              <h6>برچسب‌ها<svg viewBox="0 0 24 24" width="28" height="28" stroke="currentColor" stroke-width="1.5" fill="none"
                                  stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
                                  <path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"></path>
                                  <line x1="7" y1="7" x2="7.01" y2="7"></line>
                                </svg></h6>
                              <ul>
                                <BlogTags>
                                  <li><a href="<-TagLink->">
                                      <-TagName->
                                    </a></li>
                                </BlogTags>
                              </ul>
                            </div>
                          </BlogTagsBlock>
                        
                          <BlogArchiveBlock>
                            <div class="blackthemeSideBox">
                              <h6>نوشته‌های پیشین<svg viewBox="0 0 24 24" width="28" height="28" stroke="currentColor" stroke-width="1.5"
                                  fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
                                  <rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
                                  <line x1="16" y1="2" x2="16" y2="6"></line>
                                  <line x1="8" y1="2" x2="8" y2="6"></line>
                                  <line x1="3" y1="10" x2="21" y2="10"></line>
                                </svg></h6>
                              <ul>
                                <BlogArchive>
                                  <li><a href="<-ArchiveLink->">
                                      <-ArchiveTitle->
                                    </a></li>
                                </BlogArchive>
                              </ul>
                            </div>
                          </BlogArchiveBlock>


                        
                          <BlogAuthorsBlock>
                            <div class="blackthemeSideBox">
                              <h6>نویسندگان<svg viewBox="0 0 24 24" width="28" height="28" stroke="currentColor" stroke-width="1.5" fill="none"
                                  stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
                                  <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
                                  <circle cx="9" cy="7" r="4"></circle>
                                  <path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
                                  <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
                                </svg></h6>
                              <ul>
                                <BlogAuthors>
                                  <li><a href="<-AuthorLink->">
                                      <-AuthorName->
                                    </a></li>
                                </BlogAuthors>
                              </ul>
                            </div>
                          </BlogAuthorsBlock>
                    </div>
                    <div class="blackthemeCarouselBox blackthemeScroll" id="link">
                        <div class="blackthemeSideBox blackthemeNav">
                            <ul>
                              <li><a href="/">خانه</a></li>
                              <BlogProfileLinkBlock><li><a href="<-BlogProfileLink->">پروفایل</a></li></BlogProfileLinkBlock>
                              <BlogEmailBlock><li><a href="mailto:<-BlogEmail->">ایمیل</a></li></BlogEmailBlock>
                              <li><a href="<-BlogArchiveLink->">آرشیو</a></li>
                              <li><a href="/posts/">سرتیتر</a></li>
                              <li><a href="https://blacktheme.ir" title="قالب وبلاگ و کدوبلاگ" target="_blank">طراح قالب</a></li>
                            </ul>
                    
                          </div>
                        
                        <BlogLinkDumpBlock>
                            <div class="blackthemeSideBox">
                              <h6>پیوندهای روزانه<svg viewBox="0 0 24 24" width="28" height="28" stroke="currentColor" stroke-width="1.5"
                                  fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
                                  <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path>
                                  <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path>
                                </svg></h6>
                              <ul>
                                <BlogLinkDump>
                                  <li><a href="<-LinkUrl->" target="_blank" title="<-LinkDescription->">
                                      <-LinkTitle->
                                    </a></li>
                                </BlogLinkDump>
                                <li><a href="/links" onclick="return openlinks();">آرشیو پیوندهای روزانه</a></li>
                              </ul>
                            </div>
                          </BlogLinkDumpBlock>
                        
                          <BlogLinksBlock>
                            <div class="blackthemeSideBox">
                              <h6>دوستان<svg viewBox="0 0 24 24" width="28" height="28" stroke="currentColor" stroke-width="1.5" fill="none"
                                  stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
                                  <path
                                    d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z">
                                  </path>
                                </svg></h6>
                              <ul>
                                <BlogLinks>
                                  <li><a href="<-LinkUrl->" target="_blank">
                                      <-LinkTitle->
                                    </a></li>
                                </BlogLinks>
                              </ul>
                            </div>
                          </BlogLinksBlock>
                    </div>
                    <div class="blackthemeCarouselBox blackthemeScroll" id="about">
                        <BlogProfile>
                            <div class="blackthemeSideBox">
                              <h6>بیوگرافی<svg viewBox="0 0 24 24" width="28" height="28" stroke="currentColor" stroke-width="1.5" fill="none"
                                  stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
                                  <circle cx="12" cy="12" r="10"></circle>
                                  <line x1="12" y1="16" x2="12" y2="12"></line>
                                  <line x1="12" y1="8" x2="12.01" y2="8"></line>
                                </svg></h6>
                              <div class="imgApp"></div>
                              <-BlogAbout->
                            </div>
                          </BlogProfile>
                    </div>
                </div>
            </div>
            <div class="blackthemeFooter blackthemePadding">
                <a href="javascript:void(0);" id="home" class="set"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M12 5.561l-7 5.6V19h5v-4h4v4h5v-7.358a1 1 0 0 0-.375-.781L12 5.561zM12 3l7.874 6.3A3 3 0 0 1 21 11.641V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7.839A2 2 0 0 1 3.75 9.6L12 3z" fill="currentColor" fill-rule="nonzero"/></svg></a>
                <a href="javascript:void(0);" id="content"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M18 4H6v14.764l6-3l6 3V4zM6 2h12a2 2 0 0 1 2 2v18l-8-4l-8 4V4a2 2 0 0 1 2-2zm8 4h2v6h-2V6z" fill="currentColor" fill-rule="nonzero"/></svg></a>
                <a href="javascript:void(0);" id="link"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78l1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></g></svg></a>
                <a href="javascript:void(0);" id="about"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M12 12a4 4 0 1 1 0-8a4 4 0 0 1 0 8zm0 3c3.186 0 6.045.571 8 3.063V20H4v-1.937C5.955 15.57 8.814 15 12 15z" fill="currentColor" fill-rule="nonzero"/></svg></a>
            </div>
        </div>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/overlayscrollbars/1.13.0/js/OverlayScrollbars.min.js"></script>
    <script>$carousel=$(".blackthemeCarousel").flickity({wrapAround:!1,prevNextButtons:!1,pageDots:!1,accessibility:!1,imagesLoaded:!0,setGallerySize:!1,draggable:!1,selectedAttraction:.4,friction:.9});var $cellButtonGroup=$(".blackthemeFooter"),$cellButtons=$cellButtonGroup.find("a");function setCarHeight(){var e=$(".blackthemeCarousel").height()+"px";$(".blackthemeCarouselBox").css({height:e})}$cellButtonGroup.on("click","a",function(){var e=$(this).index();$carousel.flickity("select",e),$(".blackthemeFooter a").removeClass("set"),$(this).addClass("set")}),$(".blackthemeCarouselBox").each(function(){setCarHeight()}),$(window).on("resize",function(){setCarHeight()}),$(".blackthemeScroll").overlayScrollbars({}),$(".imgSelect").clone().appendTo(".imgApp"),$("body").on("mousemove",function(e){relX=e.pageX-$(this).offset().left,relX="-"+relX/5+"px",relY=e.pageY-$(this).offset().top,relY="-"+relY/5+"px",$("body").css({"background-position":relX+" "+relY})});</script>
    <!-- theme designed by https://blacktheme.ir  | Weblog Themes & code for Weblog -->
</body>
</html>

قالب بلاگفا

قالب اینستاگرام رایگانقالب رایگان بلاگفاقالب روشن بلاگفاقالب ساده مینیمالقالب طرح اینستاگرام بلاگفاقالب کوچک بلاگفاقالب مینیمال بلاگفاقالب نویسنده بلاگفاقالب وبلاگری بلاگفا

۶ دیدگاه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *