Aleksa BC

 avatar
user_7396159
html
2 years ago
1.9 kB
1
Indexable
Never
<!DOCTYPE html>
<html>
<style>
  body {
    background-color: black;
  }
  
  .card
  {
    width: 3.5in;
    height: 2in;
    background: url(https://images.pexels.com/photos/863988/pexels-photo-863988.jpeg?auto=compress&cs=tinysrgb&w=1600);
    background-size: cover;
    border: 1px solid black;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-size: 3.5in 2in;
  }
  
  .card-front, .card-back {
    width: 100%;
    height: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
  }
  
  .name {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
  }
  
  .title {
    font-size: 18px;
    font-style: italic;
    margin: 0;
  }
  
  .company {
    font-size: 16px;
    margin: 0;
  }
  
  .contact-info {
    font-size: 14px;
    margin: 0;
  }
  
  .motto {
    font-style: italic ;
    font-size: 18px;
    margin: 0;
  }
  
  .description {
    font-size: 12px;
    margin: 0;
  }
  
  .social-media {
    font-size: 10px;
  }
</style>

<div class="card">
  <div class="card-front">
    <h1 class="name">Aleks Kevins</h1>
    <h2 class="title">Founder & CEO</h2>
    <h3 class="company">Kevins Corp</h3>
    <p class="contact-info">
      Phone: 24924511<br>
      Email: aleks@kevinscorp.com
    </p>
  </div>
  <div class="card-back">
    <h4 class="motto">"Innovating for a better future"</h4>
    <p class="description">At Kevins Corp, we believe in using technology to drive positive change in the world. Our team of experts is specialized in sports. </p>
    <p class="social-media">
      Find us on:<br>
      <a href="https://twitter.com/kevinscorp">Twitter</a> | 
      <a href="https://linkedin.com/kevinscorp">LinkedIn</a> | 
      <a href="https://instagram.com/kevinscorp">Instagram</a
</html>