Current NQnia Premium Blogger Template 2019 Th3safelink Peace and mercy be upon you God and his Blessings . The following is a template in ...
Current NQnia Premium Blogger Template 2019 Th3safelink
Peace and mercy be upon you God and his Blessings. The following is a template in the form of a portfolio, responsive template with 2 columns on the posting page, this template I share by Free For those who are already members.
Current NQnia Premium Features:
| Features | Availability |
|---|---|
| Responsive | True Check |
| Mobile Friendly | True Check |
| Google Testing Tool Validator (Index) | True Check |
| Google Testing Tool Validator (Item) | True Check |
| SEO Friendly | True |
| Personal Blog | True |
| 2 Column | True |
| Top Navigation | True |
| Breadcrumbs | True |
| Popup Search Box | True |
| Back to Top Button | True |
| Share Button | True |
| Featured Recent Post | True |
| Blogger Comment System | True |
| Fast Version | True |
| Newsletter Widget | True |
| Related Post | True |
| Sticky Sidebar | False |
| Image Lightbox | True |
| Fixed Menu SVG | True |
| Shortcodes | True |
| And Much More... | True |
Demo
Download
Add Social Accounts
<style>
ul.socmedia li {
width: 30.3%;
display: inline-block;
float: right;
background: wheat;
margin-left: 3%;
padding: 10px 0;
border-radius: 3px;
height: 105px;
}
ul.socmedia li span {
display: block;
font-weight: 100;
font-size: 13px;
}
ul.socmedia i {
display: table;
background: #15141445;
margin: 0 auto;
color: #fff;
width: 45px;
height: 45px;
border-radius: 99rem;
}
ul.socmedia i:before {
display: inline-flex;
height: 100%;
align-items: center;
text-align: center;
}
ul.socmedia li a {
display: block;
padding: 8px 0;
font-size: 18px;
font-weight: bold;
color: #fff;
}
i.fab.fa-picalica {}
i.fab.fa-khmsat {
background: url(https://pbs.twimg.com/profile_images/756879162971918337/MQIjm3vF_400x400.jpg);
background-size: 100%;
}
</style>
<ul class="socmedia">
<li style="
background: #3a5795;
">
<i class="fab fa-facebook-f" aria-hidden="true"></i>
<a href="/">the page<span>Official</span></a>
</li>
<li style="
background: #b31217;
">
<i class="fab fa-youtube" aria-hidden="true"></i>
<a href="/">209<span>follower</span></a>
</li>
<li style="
background: #8467dc;
">
<i class="fab fa-picalica" aria-hidden="true"><svg class="picalica" data-name="Layer 1" id="Layer_1" style="width: 32px;position: relative;margin: 8px 0 0;" viewbox="0 0 134.61 127.89" xmlns="//www.w3.org/2000/svg"><defs><style>.cls-1{fill:#7473b5;}</style></defs>Artboard 1<path class="cls-1" d="M67.3,21.85A42.09,42.09,0,1,0,109.4,63.95,42.14,42.14,0,0,0,67.3,21.85Zm0,74.47A32.42,32.42,0,0,1,34.92,63.94a3.68,3.68,0,0,1,7.37,0,25,25,0,0,0,25,25,3.68,3.68,0,1,1,0,7.37Zm8.3-27.59a10.27,10.27,0,0,1-7.51,3.11H66.64v5.29a3.63,3.63,0,1,1-7.27,0V54.21a3.64,3.64,0,0,1,.28-1.4,3.54,3.54,0,0,1,.78-1.17,3.61,3.61,0,0,1,1.15-.77A3.65,3.65,0,0,1,63,50.58H68.1a10.43,10.43,0,0,1,2.81.38A10.7,10.7,0,0,1,73.45,52a11.18,11.18,0,0,1,2.15,1.66,10.47,10.47,0,0,1,1.68,2.16,11.09,11.09,0,0,1,1.08,2.52,10.19,10.19,0,0,1,.4,2.83A10.31,10.31,0,0,1,75.61,68.74ZM96,67.63a3.69,3.69,0,0,1-3.68-3.69,25,25,0,0,0-25-25,3.68,3.68,0,0,1,0-7.37A32.42,32.42,0,0,1,99.69,63.94,3.69,3.69,0,0,1,96,67.63Z" style=" fill: white; "></path><path class="cls-1" d="M71.21,62.5a3.2,3.2,0,0,0,.26-1.29,3.24,3.24,0,0,0-.26-1.31,3.49,3.49,0,0,0-.74-1.09,3.43,3.43,0,0,0-1.09-.72,3.23,3.23,0,0,0-1.28-.26H66.64v6.74H68.1a3.13,3.13,0,0,0,1.27-.26,3.56,3.56,0,0,0,1.1-.73A3.49,3.49,0,0,0,71.21,62.5Z" style="fill: white; "></path></svg></i>
<a href="/">4<span>Business</span></a>
</li>
<li style="
background: #353535;
">
<i class="fab fa-github" aria-hidden="true"></i>
<a href="/">72<span>follower</span></a>
</li>
<li style="
background: #131212;
">
<i class="fab fa-codepen" aria-hidden="true" style="
background: #f7f5f517;
"></i>
<a href="/">50+<span>Action</span></a>
</li>
<li style="background: #fdbb26;">
<i class="fab fa-khmsat" aria-hidden="true"></i>
<a href="/">3<span>Services</span></a>
</li>
</ul>
Most Popular Post
<script type="text/javascript">
var posts_no = 5;
var showpoststhumbs = true;
var readmorelink = false;
var showcommentslink = true;
var posts_date = true;
var post_summary = false;
var summary_chars = 40;</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script>
Add Side Yellow Card (Hi, My friend)
<div class="card bg-gradient-warning" style="
background: linear-gradient(50deg,#ffab00,#fff800)!important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border-radius: .375rem;
">
<div class="card-body" style="
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.5rem;
color: #8492a6;
">
<h5 class="text-white" style="
color: #fff!important;
font-size: 50px;
">Hi, <strong style="font-weight: 100;font-size: 35px;">My friend</strong></h5>
<p class="text-white mb-4" style="
color: #fff!important;
margin-bottom: 1.5rem!important;
font-size: 17px;
padding: 20px;
">Why not buy a logo design service for your site with high accuracy and in many formats in addition to other professional features for only $ 5 !!</p>
<a href="//wa.me/923000762460" class="btn btn-sm btn-block btn-white rounded-pill" target="_blank" style="
position: relative;
-webkit-transition: all .2s ease;
transition: all .2s ease;
border-radius: 50rem!important;
display: block;
width: 100%;
padding: .5rem 1.25rem;
text-align: center;
vertical-align: middle;
font-size: .875rem;
line-height: 1.5;
color: #273444;
background-color: #fff;
border-color: #fff;
-webkit-box-shadow: inset 0 1px 0 hsla(0,0%,100%,.15);
box-shadow: inset 0 1px 0 hsla(0,0%,100%,.15);
font-weight: 600;
user-select: none;
border: 1px solid transparent;
">Order now</a>
</div>
</div>
No comments