<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-YS9YF2LZ1N">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-YS9YF2LZ1N');
</script>
<script async="" crossorigin="anonymous" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1167449022555508">
</script>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
<title>
Experience 12V 180Ah Batteries by DCS
</title>
<meta content="ellaruby9" name="author">
<meta content="The 12V 180Ah lithium batteries from DCS are designed for durability and high performance, making them the go-to choice for emergency services and marine applications. DC.." name="description">
<meta content="Experience 12V 180Ah Batteries by DCS" name="keywords">
<meta content="Experience 12V 180Ah Batteries by DCS" property="og:title">
<meta content="The 12V 180Ah lithium batteries from DCS are designed for durability and high performance, making them the go-to choice for emergency services and marine applications. DC.." property="og:description">
<meta content="https://dcslithiumbatteries.eu/product/12v-180ah-lithium-ion-battery/" property="og:url">
<meta content="Experience 12V 180Ah Batteries by DCS" name="twitter:title">
<meta content="The 12V 180Ah lithium batteries from DCS are designed for durability and high performance, making them the go-to choice for emergency services and marine applications. DC.." name="twitter:description">
<meta content="Experience 12V 180Ah Batteries by DCS" itemprop="title">
<meta content="The 12V 180Ah lithium batteries from DCS are designed for durability and high performance, making them the go-to choice for emergency services and marine applications. DC.." itemprop="description">
<meta content="https://dcslithiumbatteries.eu/product/12v-180ah-lithium-ion-battery/" name="DC.Publisher">
<meta content="Science & technology" name="categories">
<meta content="EN" name="content-language">
<meta content="worldwide" name="coverage">
<meta content="Free Bookmarking Submisson" name="generator">
<meta content="Experience 12V 180Ah Batteries by DCS" name="DC.title">
<meta content="yes" name="allow-search">
<meta content="Copyright © http://aajkaltrends.club/, All Rights Reserved." name="copyright">
<link href="https://aajkaltrends.club/bookmarking/experience-12v-180ah-batteries-by-dcs.html" rel="canonical">
<link href="http://aajkaltrends.club/assets/css/style.css" media="all" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js">
</script>
<style>
.bg-primary {
background-color : #B60036!important;
}
a {
color : #B60036;
}
a:hover {
color : #B60016;
}
.btn-secondary {
background-color : #B60036!important;
color : #fff!important;
}
.bounce {
animation : bounce 2s infinite;
-webkit-animation : bounce 2s infinite;
-moz-animation : bounce 2s infinite;
-o-animation : bounce 2s infinite;
}
@-webkit-keyframes bounce {
0%
,
20%
,
50%
,
80%
,
100%
{-webkit-transform: translateY(0);}
40%
{-webkit-transform: translateY(-15px);}
60%
{-webkit-transform: translateY(-10px);}
}
@-moz-keyframes bounce {
0%
,
20%
,
50%
,
80%
,
100%
{-moz-transform: translateY(0);}
40%
{-moz-transform: translateY(-15px);}
60%
{-moz-transform: translateY(-10px);}
}
@-o-keyframes bounce {
0%
,
20%
,
50%
,
80%
,
100%
{-o-transform: translateY(0);}
40%
{-o-transform: translateY(-15px);}
60%
{-o-transform: translateY(-10px);}
}
@keyframes bounce {
0%
,
20%
,
50%
,
80%
,
100%
{transform: translateY(0);}
40%
{transform: translateY(-15px);}
60%
{transform: translateY(-10px);}
}
.logoBrand {
font-size : 25px;
color : #B60036 !important;
}
</style>
</head>
<body>
<div id="app">
<nav class="navbar navbar-expand-lg navbar-dark bg-white mb-4 p-0">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-12">
<a class="navbar-brand logoBrand" href="http://aajkaltrends.club/">
Free Bookmarking Submission
<!-- <img style="width:100%" src="" /> -->
</a>
</div>
<div class="col-md-9 col-sm-12">
</div>
</div>
</div>
<div class="container-fluid bg-primary">
<div class="container">
<div class="row">
<div class="col-sm-12">
<nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation" style="float:right;">
<ul class="nav navbar-nav">
<li class="nav-item">
<a class="nav-link" href="http://aajkaltrends.club/submit">
Submit
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="http://aajkaltrends.club/register">
Register
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="http://aajkaltrends.club/login">
Login
</a>
</li>
</ul>
</nav>
<div class="collapse navbar-collapse" id="navbarSupportedContent" style="clear:both;">
<ul class="navbar-nav flex-fill">
<li class="nav-item">
<a class="nav-link" href="http://aajkaltrends.club/business-and-services">
Business & Services
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="http://aajkaltrends.club/education">
Education
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="http://aajkaltrends.club/entertaintment">
Entertaintment
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="http://aajkaltrends.club/music">
Music
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="http://aajkaltrends.club/news">
News & Poltices
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="http://aajkaltrends.club/people-and-blogs">
People & Blogs
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="http://aajkaltrends.club/science-and-technology">
Science & technology
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="http://aajkaltrends.club/sports">
Sports
</a>
</li>
<li class="nav-item">
<div class="dropdown">
<button class="btn dropdown-toggle categoryDropDown" data-toggle="dropdown" style="color:white !important;" type="button">
All Category
<span class="caret">
</span>
</button>
<ul class="dropdown-menu showCategory">
<li>
<a href="http://aajkaltrends.club/autos-and-vehicles">
Autos & Vehicles
</a>
</li>
<li>
<a href="http://aajkaltrends.club/biography">
Biography
</a>
</li>
<li>
<a href="http://aajkaltrends.club/business-and-services">
Business & Services
</a>
</li>
<li>
<a href="http://aajkaltrends.club/development">
Development
</a>
</li>
<li>
<a href="http://aajkaltrends.club/digital-marketing">
Digital Marketing
</a>
</li>
<li>
<a href="http://aajkaltrends.club/education">
Education
</a>
</li>
<li>
<a href="http://aajkaltrends.club/entertaintment">
Entertaintment
</a>
</li>
<li>
<a href="http://aajkaltrends.club/film-and-animation">
Film & Animation
</a>
</li>
<li>
<a href="http://aajkaltrends.club/finance">
Finance
</a>
</li>
<li>
<a href="http://aajkaltrends.club/gaming">
Gaming
</a>
</li>
<li>
<a href="http://aajkaltrends.club/health">
Health
</a>
</li>
<li>
<a href="http://aajkaltrends.club/insurance">
Insurance
</a>
</li>
<li>
<a href="http://aajkaltrends.club/landscaping">
Landscaping
</a>
</li>
<li>
<a href="http://aajkaltrends.club/law">
Law
</a>
</li>
<li>
<a href="http://aajkaltrends.club/loan">
Loan
</a>
</li>
<li>
<a href="http://aajkaltrends.club/movie">
Movie
</a>
</li>
<li>
<a href="http://aajkaltrends.club/music">
Music
</a>
</li>
<li>
<a href="http://aajkaltrends.club/news">
News & Poltices
</a>
</li>
<li>
<a href="http://aajkaltrends.club/others">
Others
</a>
</li>
<li>
<a href="http://aajkaltrends.club/people-and-blogs">
People & Blogs
</a>
</li>
<li>
<a href="http://aajkaltrends.club/science-and-technology">
Science & technology
</a>
</li>
<li>
<a href="http://aajkaltrends.club/sports">
Sports
</a>
</li>
<li>
<a href="http://aajkaltrends.club/travel-and-event">
Travel & Event
</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</nav>
<div class="container">
<div class="row mb-4">
<div class="col">
<div class="card">
<div class="card-header">
<strong>
<i class="fas fa-tachometer-alt">
</i>
Post Details
</strong>
</div>
<!--card-header-->
<div class="card-body">
<div class="row">
<div class="col-12 col-sm-8">
<script async="" crossorigin="anonymous" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1167449022555508">
</script>
<!-- freebookmarkingdisplay ads -->
<ins class="adsbygoogle" data-ad-client="ca-pub-1167449022555508" data-ad-format="auto" data-ad-slot="5849469469" data-full-width-responsive="true" style="display:block">
</ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
});
</script>
<!-- Start post card content -->
<div class="row">
<div class="col">
<div class="card mb-4" data-id="193">
<div class="card-header font-weight-bold h5">
Experience 12V 180Ah Batteries by DCS
</div>
<div class="card-body">
The 12V 180Ah lithium batteries from DCS are designed for durability and high performance, making them the go-to choice for emergency services and marine applications. DCS Batteries are the perfect upgrade and replacement for AGM, Gel, or other lead acid batteries.
<div class="row">
<div class="col-4">
<h6 class="m-0 p-0 font-weight-bold mt-2">
By:
<a href="http://aajkaltrends.club/profile/user/ellaruby9">
Ellaruby9
</a>
</h6>
</div>
<div class="col-4 text-center">
<h6 class="m-0 p-0 font-weight-bold mt-2" style="font-size:0.9rem">
<i aria-hidden="true" class="fa fa-clock">
</i>
06-Oct-2023, 12:39 PM
</h6>
</div>
<div class="col-4 text-right">
<h6 class="m-0 p-0 font-weight-bold mt-2">
<a href="http://aajkaltrends.club/science-and-technology">
<i aria-hidden="true" class="fa fa-tag">
</i>
Science & technology
</a>
</h6>
</div>
</div>
<div class="row">
<div class="col-12 mt-3">
<h6 class="m-0 p-0 font-weight-bold mt-2">
User Website :
<a href="https://dcslithiumbatteries.eu/product/12v-180ah-lithium-ion-battery/" target="_blank">
https://dcslithiumbatteries.eu/product/12v-180ah-lithium-ion-battery/
</a>
</h6>
</div>
</div>
</div>
<div class="card-footer">
<div class="row">
<!-- <div class="col-3">
<center>
<span class="like-btn" style="cursor:pointer">
<i id="like193" class="fa fa-thumbs-up text-danger"></i>
<span id="like193-bs3">0</span>
</span>
</center>
</div>
<div class="col-3">
<center>
<i class="fa fa-eye text-primary" aria-hidden="true"></i>
0
</center>
</div>
<div class="col-3">
<center>
<div class="dropdown">
<a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-share text-primary" aria-hidden="true"></i>
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuMenu"
style="margin-left:-50%; flex:1; flex-direction:row; background: transparent; border:none;">
<button class="btn-floating btn-tw waves-effect waves-light" data-sharer="twitter"
data-title="Movers Packers Sharjah | A to Z Moving Service in Sharjah" data-hashtags="Movers and packers in sharjah"
data-url="https://www.vapidpro.com/datas/movers-packers-sharjah-a-to-z-moving-service-in-sharjah">
<i class="fab fa-twitter" aria-hidden="true"></i>
</button>
<button class="btn-floating btn-fb waves-effect waves-light" data-sharer="facebook"
data-hashtags="Movers and packers in sharjah" data-url="https://www.vapidpro.com/posts/movers-packers-sharjah-a-to-z-moving-service-in-sharjah">
<i class="fab fa-facebook-f" aria-hidden="true"></i>
</button>
</div>
</div>
</center>
</div> -->
</div>
</div>
</div>
</div>
</div>
<script async="" crossorigin="anonymous" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1167449022555508">
</script>
<!-- freebookmarkingdisplay ads -->
<ins class="adsbygoogle" data-ad-client="ca-pub-1167449022555508" data-ad-format="auto" data-ad-slot="5849469469" data-full-width-responsive="true" style="display:block">
</ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
});
</script>
<!-- End post card content -->
<!-- Start comment section -->
<!-- <div class="row">
<div class="col">
<h4></h4>
<h4>Write Comment on this Post</h4>
<input type="hidden" value="" id="postid" name="postid">
<textarea name="cmt" id="message" class="form-control" placeholder="Write few lines about your Comment" rows="8" required=""></textarea>
<button type="submit" name="submitcmt" class="btn btn-xs btn-primary pull-right margintop sendButton" style="padding:5px 18px;margin-top:10px;">Post Comment..</button>
</div>
</div> -->
<!-- End comment section -->
<!-- Start comments -->
<!-- <div class="row mt-4">
<div class="col">
<div class="card mb-4">
<div class="card-header font-weight-bold h5">
Comments
</div>
<div class="card-body" style="margin-top:-20px;">
<div class="row mt-4">
<div class="col-12">
<h6 class="p-0 m-0"> No comment found yet on this post.</h6>
</div>
</div>
</div>
</div>
</div>
</div> -->
<!-- End comments -->
</div>
<!-- Start Sidebar -->
<div class="col-12 col-sm-4">
<!-- Start Website list -->
<div class="card">
<div class="card-header">
<strong>
Sponsored Bookmarking Submission List
</strong>
</div>
<div class="card-body p-0 pt-2" style="overflow-y: auto; max-height:665px;">
<div class="list-group">
<a class="list-group-item border-0" href="https://myaajkal.xyz/" target="_blank">
My AAj Kal
</a>
<a class="list-group-item border-0" href="https://onlinedigitalbookmark.com/" target="_blank">
Online Digital Bookmark
</a>
<a class="list-group-item border-0" href="https://bookmarkspider.com/" target="_blank">
Bookmark Spider
</a>
<a class="list-group-item border-0" href="https://www.freedofollowsocialbookmarkingsites.xyz/" target="_blank">
Free Do-Follow Social Bookmakring Sites
</a>
<a class="list-group-item border-0" href="https://www.freesocialbookmarkingsiteslist.xyz/" target="_blank">
Free Social Bookmarking Sites List
</a>
<a class="list-group-item border-0" href="https://www.bookmarkshub.xyz/" target="_blank">
Bookmarks Hub
</a>
<a class="list-group-item border-0" href="https://www.freebooksubmission.xyz/" target="_blank">
Free Book Submission
</a>
<a class="list-group-item border-0" href="https://digitalagencyservices.xyz/" target="_blank">
Digital Agency Services
</a>
</div>
</div>
</div>
<!-- End Website list -->
<!-- Start Search -->
<div class="card mb-4 mt-4">
<div class="card-header font-weight-bold">
Search
</div>
<div class="card-body">
<form action="http://aajkaltrends.club/search/result/" class="form-horizontal" method="get">
<div class="input-group">
<input class="form-control" name="search" placeholder="Search by title..." type="text">
<button class="btn btn-secondary btn-md m-0" type="submit" value="Search">
Search
</button>
</div>
</form>
</div>
</div>
<!-- End Search -->
<!-- Start Category -->
<div class="card">
<div class="card-header">
<strong>
Categories
</strong>
</div>
<div class="card-body p-0 pt-2" style="overflow-y: auto; max-height:665px;">
<div class="list-group">
<a class="list-group-item list-group-item-action border-0 font-weight-bold" href="http://aajkaltrends.club/autos-and-vehicles">
Autos & Vehicles
<span class="float-right">
19236
</span>
</a>
<a class="list-group-item list-group-item-action border-0 font-weight-bold" href="http://aajkaltrends.club/biography">
Biography
<span class="float-right">
456
</span>
</a>
<a class="list-group-item list-group-item-action border-0 font-weight-bold" href="http://aajkaltrends.club/business-and-services">
Business & Services
<span class="float-right">
76295
</span>
</a>
<a class="list-group-item list-group-item-action border-0 font-weight-bold" href="http://aajkaltrends.club/development">
Development
<span class="float-right">
2412
</span>
</a>
<a class="list-group-item list-group-item-action border-0 font-weight-bold" href="http://aajkaltrends.club/digital-marketing">
Digital Marketing
<span class="float-right">
7423
</span>
</a>
<a class="list-group-item list-group-item-action border-0 font-weight-bold" href="http://aajkaltrends.club/education">
Education
<span class="float-right">
12327
</span>
</a>
<a class="list-group-item list-group-item-action border-0 font-weight-bold" href="http://aajkaltrends.club/entertaintment">
Entertaintment
<span class="float-right">
2907
</span>
</a>
<a class="list-group-item list-group-item-action border-0 font-weight-bold" href="http://aajkaltrends.club/film-and-animation">
Film & Animation
<span class="float-right">
162
</span>
</a>
<a class="list-group-item list-group-item-action border-0 font-weight-bold" href="http://aajkaltrends.club/finance">
Finance
<span class="float-right">
2538
</span>
</a>
<a class="list-group-item list-group-item-action border-0 font-weight-bold" href="http://aajkaltrends.club/gaming">
Gaming
<span class="float-right">
1403
</span>
</a>
<a class="list-group-item list-group-item-action border-0 font-weight-bold" href="http://aajkaltrends.club/health">
Health
<span class="float-right">
43517
</span>
</a>
<a class="list-group-item list-group-item-action border-0 font-weight-bold" href="http://aajkaltrends.club/insurance">
Insurance
<span class="float-right">
435
</span>
</a>
<a class="list-group-item list-group-item-action border-0 font-weight-bold" href="http://aajkaltrends.club/landscaping">
Landscaping
<span class="float-right">
238
</span>
</a>
<a class="list-group-item list-group-item-action border-0 font-weight-bold" href="http://aajkaltrends.club/law">
Law
<span class="float-right">
1016
</span>
</a>
<a class="list-group-item list-group-item-action border-0 font-weight-bold" href="http://aajkaltrends.club/loan">
Loan
<span class="float-right">
177
</span>
</a>
<a class="list-group-item list-group-item-action border-0 font-weight-bold" href="http://aajkaltrends.club/movie">
Movie
<span class="float-right">
143
</span>
</a>
<a class="list-group-item list-group-item-action border-0 font-weight-bold" href="http://aajkaltrends.club/music">
Music
<span class="float-right">
510
</span>
</a>
<a class="list-group-item list-group-item-action border-0 font-weight-bold" href="http://aajkaltrends.club/news">
News & Poltices
<span class="float-right">
6688
</span>
</a>
<a class="list-group-item list-group-item-action border-0 font-weight-bold" href="http://aajkaltrends.club/others">
Others
<span class="float-right">
29605
</span>
</a>
<a class="list-group-item list-group-item-action border-0 font-weight-bold" href="http://aajkaltrends.club/people-and-blogs">
People & Blogs
<span class="float-right">
1908
</span>
</a>
<a class="list-group-item list-group-item-action border-0 font-weight-bold" href="http://aajkaltrends.club/science-and-technology">
Science & technology
<span class="float-right">
6896
</span>
</a>
<a class="list-group-item list-group-item-action border-0 font-weight-bold" href="http://aajkaltrends.club/sports">
Sports
<span class="float-right">
1918
</span>
</a>
<a class="list-group-item list-group-item-action border-0 font-weight-bold" href="http://aajkaltrends.club/travel-and-event">
Travel & Event
<span class="float-right">
8703
</span>
</a>
</div>
</div>
</div>
<!-- End Category -->
<!-- Start Category -->
<!-- <br>
<div class="card">
<div class="card-header">
<strong>
Comments
</strong>
</div>
<div class="card-body p-0 pt-2" style="overflow-y: auto; max-height:665px;">
<div class="list-group">
</div>
</div>
</div> -->
<!-- End Category -->
</div>
<!-- End Sidebar -->
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$('.sendButton').attr('disabled', true);
$('#message').keyup(function() {
if ($(this).val().length >= 10) $('.sendButton').attr('disabled', false); else $('.sendButton').attr('disabled', true);
});
$(".save").click(function() {
var postid = $(this).attr("id");
var text = $("#" + postid).attr("align");
$.ajax({
url: "http://aajkaltrends.club/profile/saved/",
type: "POST",
data: {
"postid": postid
},
success: function(result) {
if (result == 1) {
if (text == 'Save') {
$("#" + postid).attr("align", "Unsave");
$("#" + postid).html('<i class="fa fa-star"></i> Unsave');
} else {
$("#" + postid).attr("align", "Save");
$("#" + postid).html('<i class="fa fa-star-o"></i> Save');
}
} else {
alert("Opp's Internal Problem Please Try Again Later");
}
}
});
});
});
</script>
<!-- Footer -->
<footer class="page-footer font-small bg-primary pt-4">
<div class="container text-center text-md-left">
<div class="row">
<div class="col-md-6 col-lg-6 mr-auto my-md-4 my-0 mt-4 mb-1">
<h5 class="font-weight-bold text-uppercase mb-4">
Free Bookmarking Submission
</h5>
<p>
Backlinks are incoming links to a webpage. When a webpage links to any other page, it's
called a backlink.This is why they are considered very useful for improving a website's SEO
ranking
</p>
</div>
<div class="col-md-2">
</div>
<div class="col-md-4 col-lg-4 mx-auto my-md-4 my-0 mt-4 mb-1">
<h5 class="font-weight-bold text-uppercase mb-4">
More
</h5>
<ul class="list-unstyled">
<li>
<p>
<a href="http://aajkaltrends.club/privacy">
Privacy Policy
</a>
</p>
</li>
<li>
<p>
<a href="http://aajkaltrends.club/terms_conditions">
Terms & Conditions
</a>
</p>
</li>
</ul>
</div>
<!-- <div class="col-md-2 col-lg-2 text-center mx-auto my-4">
<h5 class="font-weight-bold text-uppercase mb-4">Follow Us</h5>
<a type="button" class="btn-floating btn-fb">
<i class="fab fa-facebook-f"></i>
</a>
<a type="button" class="btn-floating btn-tw">
<i class="fab fa-twitter"></i>
</a>
<a type="button" class="btn-floating btn-gplus">
<i class="fab fa-google-plus-g"></i>
</a>
<a type="button" class="btn-floating btn-dribbble">
<i class="fab fa-dribbble"></i>
</a>
</div> -->
</div>
</div>
<div class="footer-copyright text-center py-3">
Copyright © 2020 Free Bookmarking Submission,
<a href="#" target="_blank">
Powered by Webdigitalonline
</a>
</div>
</footer>
</div>
<script type="text/javascript">
$(document).ready(function() {
$('i.fa-thumbs-up, i.fa-thumbs-down').click(function() {
console.log('Please Login');
});
$(".categoryDropDown").click(function() {
$(".showCategory").slideToggle();
});
$(".userDropDown").click(function() {
$(".showUserList").slideToggle();
});
});
</script>
<style type="text/css">
/* Animation */
@keyframes fadeInDown {
0%
{opacity:0;transform:translateY(-20px)}
100%
{opacity:1;transform:translateY(0)}
}
@keyframes rubberBand {
from {
transform : scale3d(1,1,1)
}
30%
{transform:scale3d(1.25,0.75,1)}
40%
{transform:scale3d(0.75,1.25,1)}
50%
{transform:scale3d(1.15,0.85,1)}
65%
{transform:scale3d(.95,1.05,1)}
75%
{transform:scale3d(1.05,.95,1)}
to {
transform : scale3d(1,1,1)
}
}
/* Say Hi to Adblock */
#arlinablock {
background : rgba(0,0,0,0.65);
position : fixed;
margin : auto;
left : 0;
right : 0;
top : 0;
bottom : 0;
overflow : auto;
z-index : 999999;
animation : fadeInDown 1s
}
#arlinablock .header {
margin : 0 0 15px 0
}
#arlinablock .inner {
background : #e3482d;
color : #fff;
box-shadow : 0 5px 20px rgba(0,0,0,0.1);
text-align : center;
width : 600px;
padding : 40px;
border-radius : 5px;
margin : 7% auto 2% auto;
animation : rubberBand 1s
}
#arlinablock button {
padding : 10px 20px;
border : 0;
background : rgba(0,0,0,0.15);
color : #fff;
margin : 20px 5px;
cursor : pointer;
transition : all .3s
}
#arlinablock button:hover {
background : rgba(0,0,0,0.35);
color : #fff;
outline : none
}
#arlinablock button.active,#arlinablock button:hover.active {
background : #fff;
color : #222;
outline : none
}
#arlinablock .fixblock {
background : #fff;
text-align : left;
color : #000;
padding : 20px;
height : 250px;
overflow : auto;
line-height : 30px
}
#arlinablock .fixblock div {
display : none
}
#arlinablock .fixblock div.active {
display : block
}
#arlinablock ol {
margin-left : 20px
}
@media(max-width:768px) {
#arlinablock .inner {
width : calc(100% - 20px);
margin : 10px auto;
padding : 15px
}
}
</style>
<script type="text/javascript">
function downloadJSAtOnload() {
var e = document.createElement("script");
e.src = "https://cdn.jsdelivr.net/gh/Arlina-Design/quasar@master/arlinablock.js", document.body.appendChild(e);
}
window.addEventListener ? window.addEventListener("load", downloadJSAtOnload, !1) : window.attachEvent ? window.attachEvent("onload", downloadJSAtOnload) : window.onload = downloadJSAtOnload;
</script>
</body>
</html>