LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code

Discover Halt and Catch fire.

Set in the 1980s, this series dramatizes the personal computing boom through the eyes of a visionary, an engineer and a prodigy whose innovations directly confront the corporate behemoths of the time. Their personal and professional partnership will be challenged by greed and ego while charting the changing culture in Texas' Silicon Prairie.

Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus.

CSS
body {
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #262a41;
  line-height: 1.4;
}

.container {
  max-width: 750px;
  margin: 0 auto;
  padding: 2em;
}

.img-background {
  background: url(https://lab.tungu.me/external/img/halt-and-catch-fire.jpg) no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 300px;
  position: relative;
  margin: 0 0 4em;
}
.img-background::after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: -10%;
  left: 5%;
  width: 90%;
  height: 95%;
  background: inherit;
  -webkit-filter: blur(25px);
  -moz-filter: blur(25px);
  -o-filter: blur(25px);
  -ms-filter: blur(25px);
  filter: blur(25px);
}

.text-container {
  max-width: 70%;
  margin: 0 auto;
}
.text-container h1 {
  font-size: 2em;
  margin: 0 0 1.75em 0;
  font-weight: bold;
  text-align: center;
}
.text-container p {
  margin: 0 0 1.75em;
}

@supports (-ms-ime-align: auto) {
  .img-background::after {
    display: none;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .img-background::after {
    display: none;
  }
}
Term
Sat, 04/14/2018 - 20:49

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv