LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code

The Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fermentum, magna quis pellentesque maximus, orci enim ullamcorper metus, nec venenatis ex risus non lacus. Phasellus quis maximus sapien. Nulla mattis libero at mi commodo, ac condimentum eros lobortis. Aliquam erat volutpat. Aenean commodo blandit metus, quis eleifend enim tristique quis. Aenean sed massa suscipit, semper ex id, pretium massa. Curabitur id dignissim neque.

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed maximus magna ac mauris mattis tincidunt. Sed sagittis sodales sollicitudin. Donec ut massa eu mauris tincidunt laoreet. In nulla risus, euismod blandit pretium id, efficitur et sem.

CSS
h1 {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-gap: 25px;
}

h1:before,
h1:after {
  content: "";
  align-self: center;
  border-top: 1px solid currentColor;
}




/* ---------------- STYLISTIC ---------------- */

@import url(https://fonts.googleapis.com/css?family=Bitter);

* { box-sizing: border-box }

body {
  max-width: 900px;
  margin: 25vh auto 0;
  padding: 2rem;
  color: #444;
  background-color: #efefef;
}

h1 {
  font-weight: 100;
  letter-spacing: -2px;
  font-family: 'Bitter';
  margin-bottom: 2rem;
}

p {
  line-height: 1.5;
  font-size: 1.1rem;
  padding: 0 1rem;
}
Term
Sat, 04/14/2018 - 20:47

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv