FS Core Values

What is a fs core values How do you make a fs core values? This script and codes were developed by James Zedd on 15 December 2021, Wednesday.

How do I make an fs core values?
  1. FS Core Values Previews
  2. FS Core Values HTML Codes
  3. FS Core Values CSS Codes
FS Core Values Previews

FS Core Values HTML Codes

<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>FS Core Values</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>
  <div class="row">
  <div class="simple-container">
    <div class="all-content-container">
      <img src="https://cdn.shopify.com/s/files/1/1141/8520/files/truck.png?1664443876488905417" alt="" class="sc-lead-img" />
      <div class="content-container">
        <p>free delivery<span>For USA Orders $30+</span></p>
      </div>
    </div>
  </div>
  <div class="simple-container">
    <div class="all-content-container">
      <img src="https://cdn.shopify.com/s/files/1/1141/8520/files/leaf.png?1664443876488905417" alt="" class="sc-lead-img" />
      <div class="content-container">
        <p>all natural<span>GMO, MSG and Gluten Free</span></p>
      </div>
    </div>
  </div>
  <div class="simple-container scplus">
    <div class="all-content-container">
      <img src="https://cdn.shopify.com/s/files/1/1141/8520/files/guarantee.png?1664443876488905417" alt="" class="sc-lead-img" />
      <div class="content-container">
        <p>14-day money back<span>Guarantee</span></p>
      </div>
    </div>
  </div>
</div>
  
  
</body>
</html>

FS Core Values CSS Codes

.simple-container {
  display: inline-block;
  background: #ffffff;
  height: 120px;
  width: 31.5%;
  margin-right: 1%;
  position: relative;
  border-left: 1px solid #cfcfcf;
}

.scplus {
  border-right: 1px solid #cfcfcf;
}

.all-content-container {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%,-50%);
}

.content-container {
  display: inline-block;
  vertical-align: top;
}

.sc-lead-img {
  margin-top: 0px;
  margin-bottom: 0px;
}

.content-container p {
  display: inline;
  font-family: 'Montserrat', arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: #000000;
  text-transform: uppercase;
  vertical-align: top;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1em;
}

.content-container p span {
  display: block;
  font-size: 18px;
  font-weight: 400;
  text-transform: none;
  line-height: 1em;
}

@media (max-width: 1199px) {
  
  .content-container {
    text-align: center;
  }
  
  .sc-lead-img {
    display: block;
    margin: 0 auto;
  }
  
}

@media (max-width: 993px) {
  
  .simple-container {
    display: block;
    width: 100%;
    margin-right: 0;
    position: relative;
    margin-bottom: 5px;
    border-right: 1px solid #cfcfcf;
  }
  
}

@media (max-width: 480px) {
  
  .content-container {
    text-align: center;
  }
  
  .sc-lead-img {
    display: block;
    margin: 0 auto;
  }
  
}
Do you want hide your ip address?Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup.