Lorem ipsum dolor, sit amet consectetur adipisicing elit. Deleniti illo doloremque optio accusamus praesentium odio!
Styles for this element are stored in:
app/sass/componentsStyles/_header-1.sassLorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet repudiandae minima aperiam officiis corrupti dolore.
Styles for this element are stored in:
app/sass/componentsStyles/_header-2.sassIf you don’t want the gradient to rotate just don’t include the javascript code, you can also remove the class: gradient360 from the header
function gradinet360() {
'use strict';
var header = doc.querySelectorAll('.gradient360');
for( let i = 0; i<header.length; i++) {
var hs = header[i].style;
hs.width = '100%';
hs.height = '100%';
hs.position = 'absolute';
hs.top = '0';
hs.opacity = '0.9';
// paste your color here
var firstColor = '#ae3be3'; //$baseColor
var secondColor = '#4747fe'; // pink
var deg = 0;
function move() {
deg++; //rotate speed
if (deg == 360) deg = 0;
header[i].style.background =
`linear-gradient(${deg}deg, ${firstColor} 0%, ${secondColor} 100%)`;
requestAnimationFrame(move)
}
move()
}
}
gradinet360();
If you don’t want the gradient to rotate just don’t include the javascript code
Styles for this element are stored in:
app/sass/componentsStyles/_header-3.sass
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Corrupti possimus eveniet quos quidem. Saepe, eligendi?
Styles for this element are stored in:
app/sass/componentsStyles/_header-4.sassLorem ipsum dolor sit amet consectetur adipisicing elit. Sequi corporis delectus
Styles for this element are stored in:
app/sass/componentsStyles/_header-5.sassLorem ipsum dolor sit amet consectetur adipisicing elit. Optio ratione laudantium totam exercitationem corporis, dolorum laboriosam deleniti iusto. Labore, voluptatibus!
Styles for this element are stored in:
app/sass/componentsStyles/_header-6.sassLorem ipsum dolor sit amet consectetur adipisicing elit. Sunt nostrum in, quas perferendis magnam omnis?
Styles for this element are stored in:
app/sass/componentsStyles/_header-7.sassLorem ipsum dolor sit amet consectetur adipisicing elit. Modi ut incidunt veniam eligendi, quas nulla, laudantium, sint dolorum quod optio error. Aliquid, ut.
Styles for this element are stored in:
app/sass/componentsStyles/_header-8.sassLorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam ipsam rerum ullam nihil cum magnam eaque iusto?
Styles for this element are stored in:
app/sass/componentsStyles/_header-9.sassLorem ipsum dolor sit amet consectetur adipisicing elit. Non ab ipsa odio dolorem, expedita facere est atque quibusdam? Saepe?
Purchase now Components
Styles for this element are stored in:
app/sass/componentsStyles/_header-10.sassLorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatum, magnam reiciendis
Styles for this element are stored in:
app/sass/componentsStyles/_header-11.sassLorem ipsum dolor sit amet consectetur, adipisicing elit. Repellendus quis odit optio distinctio voluptate esse.
Styles for this element are stored in:
app/sass/componentsStyles/_header-12.sass
Start your 14 days free trial right now
Styles for this element are stored in:
app/sass/componentsStyles/_header-13.sass
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aperiam dolore accusantium, obcaecati ratione ipsum iusto!
Styles for this element are stored in:
app/sass/componentsStyles/_header-14.sass