black-friday-2021

black-friday.css

#page {
  background: #000;
}

.page-element {
  margin: 0;
}

h1, h2, h3, h4, h5, h6, a, p {
  color: #fff;
}

h1 {
  font-size: 2.5em;
  padding-bottom: 50px;
}

@media(max-width:991px) {
  h1 {
    font-size: 1.5em;
    padding-bottom: 25;
  }
}

.black-friday-title {
  height: 50vh;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media(max-width:991px) {
  .black-friday-title {
    height: 45vh;
  }
}

.black-friday-title .page-element-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
}

.black-friday-title h1 {
  text-align: center;
  margin-top: 3rem !important;
font-size: clamp(3.2rem,6vw,10rem);
  width: 70%;
  -webkit-transform: rotate(-8deg);
      -ms-transform: rotate(-8deg);
          transform: rotate(-8deg);
  margin: 0 !important;
  -webkit-animation: glow 1s ease-in-out infinite alternate;
  animation: glow 1s ease-in-out infinite alternate;
}

@media(max-width:991px) {
  .black-friday-title h1 {
    padding-bottom: 0;
  }
}

.black-friday-countdown {
  margin: 150px 0;
}

.black-friday-countdown a:hover {
	cursor: auto;
}

@media(max-width:991px) {
  .black-friday-countdown {
    margin: 0;
    margin-bottom: 50px;
  }
  
  .black-friday-countdown #countdown {
    text-align: center;
  }
}

.black-friday-chose-us {
  padding-top: 100px;
  background: #222;
}

.black-friday-chose-us h1 {
  padding-bottom: 50px;
}

.black-friday-promise-bar {
  padding-bottom: 100px;
  background: #222;
}

.black-friday-promise-bar .perk {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.black-friday-promise-bar .perk__icon i {
  font-size: 4em;
}

.black-friday-promise-bar .perk__title {
  font-size: 1.5em;
  margin-top: 15px;
}

@media(max-width:991px) {
  .black-friday-chose-us {
  padding-top: 50px;
  }
  
  .black-friday-promise-bar {
  padding-bottom: 50px;
  }
  
  .black-friday-promise-bar .perk__icon i {
    font-size: 2em;
  }
  
  .black-friday-promise-bar .perk__title {
 font-size: 1em;
margin-top: 10px;
}
}

.black-friday .product-grid .products-block .row .listItem,
.black-friday .product-list .products-block .row .listItem {
  background: none;
  padding: 8px;
}

.black-friday .product-grid .products-block .row .listItem .product-block,
.black-friday .product-list .products-block .row .listItem .product-block {
  background: #222;
  border-color: #222;
  border-radius: 10px;
}

.black-friday .product-grid .products-block .row .listItem .product-block,
.black-friday .product-list .products-block .row .listItem .product-block,
.black-friday .product-grid .products-block .row .listItem .name {
  border: none
}

.black-friday .product-grid .products-block .row .listItem .product-block .product-meta .warp-info .name {
  padding: 0;
}

.black-friday .warp-info h3.name a {
  color: #fff;
  font-size: 25px;
  hyphens: auto;
}

@media(max-width:991px) {
  .black-friday .warp-info h3.name a {
 	 font-size: 20px;
  }
}

.black-friday .product-grid .products-block .row .listItem .product-block .product-meta .warp-info .price-flex .product-action,
.black-friday .product-list .products-block .row .listItem .product-block .product-meta .warp-info .price-flex .product-action {
  display: none;
}

.black-friday .product-list .list-sku,
.black-friday .product-grid .products-block .row .listItem .product-block .product-meta .warp-info .price-flex .price,
.black-friday .product-list .products-block .row .listItem .product-block .product-meta .warp-info .price-flex .price,
.black-friday .product-grid .products-block .row .listItem .product-block .product-meta .warp-info .price-flex .product-action .add-to-basket-in-list .button-cart i,
.black-friday .product-grid .products-block .row .listItem .product-block .product-meta .warp-info .price-flex .product-action .add-to-basket-in-list .button-cart span {
  color: #fff;
}

.black-friday .product-filter {
background: #222;
border-color: #222;
color: #fff;
border-radius: 10px;
}

.black-friday .product-filter .display, 
.black-friday .product-filter .sort,
.black-friday .product-filter .list, 
.black-friday .product-filter .grid {
color: #fff;
}

.bildeboks-topptekst div.Q-009__text-container {
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
}

.black-friday-bildebokser {
  background: #222;
  padding: 100px 0;
}

@media(max-width:991px) {
  .black-friday-bildebokser {
  		padding: 50px 0;
	}
}

.black-friday-bildebokser > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

.black-friday-stay-in-touch .social-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  margin-top: 50px;
  gap: 1.5em;
}

.black-friday-stay-in-touch i {
  color: #fff;
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #111, 0 0 20px #111, 0 0 20px #111, 0 0 25px #111, 0 0 30px #111;
  }
  to {
    text-shadow: 0 0 10px #fff, 0 0 15px #222, 0 0 20px #222, 0 0 25px #222, 0 0 30px #222, 0 0 35px #222, 0 0 40px #222;
  }
}

nedtellingsklokke.html

<script src="https://cdn.logwork.com/widget/countdown.js"></script>
<a href="https://logwork.com/countdown-qqtr" class="countdown-timer" data-style="columns" data-timezone="Europe/Oslo" data-textcolor="#ffffff" data-date="2025-11-26 00:00" data-background="#000000" data-digitscolor="#ffffff" data-unitscolor="#ffffff">Nedtelling til årets råeste salg!</a>