Untitled



<!DOCTYPE html>
<html>
  <head>
    <title>Hodinový manžel</title>
    <link rel="stylesheet" href="style.css">
  </head>
<body>

<div class="picture">
<img src="tools.jpg" alt="Italian Trulli">

</div>

<div class="paragraph1">

<p>SEZNAM MÝCH SLUŽEB</p>
</div>
<div class="rectangle">
  </div>
<div class="paragraph2">
<a1>Vyber si službu co chceš abych pro tebe udělal napiš do vole emailu a domluivime se na ceně a tady ty ostatni sračky</a1>
</div>
<div class="row">
       <div class="drill">
       <img src="drill.png" alt="Italian Trulli"width=50%>
       </div>

       <div class="table">
       <img src="table.png" alt="Italian Trulli"width=50%>

       </div>
          <div class="zoom"><div class="instalation">
        <img src="instalation.png" alt="Italian Trulli"width=50%>
      </div>
      </div>
      </div>
    <c2 class="paragraphx1">VRTÁNÍ</c2>
        <r2 class="paragraphx2">MONTÁŽ NÁBYTKU</r2>


  <br>
  <br>
</h9>


</body>
</html>


AND THIS IS CSS


.divec {
  width: 100%;
  position: absolute;
  position: sticky; top:0;
  font-weight: 300;
  word-spacing: 40px;
  background-color: #FF3F1F;
  text-align: center;
  font-size: 30px;
}

.divec1 {
  font-weight: 300;
  font-size: 30px;
}


.picture{
text-align: center;
color: white;
    }

.picture img{
float: left;
margin-left: 0px;
margin-top: 30px;
width: 100%;
height: 100%;
}
.drill{
margin-left: 350px;
margin-top: 200px;
transition: transform .2s;
float: left;
color: white;
    }
.drill:hover {
  transform: scale(1.2);
  }

  .table{
margin-top: 225px;
margin-left: 220px;
float: left;
transition: transform .2s;
color: white;
    }
.table:hover {
  transform: scale(1.2);
  }
    .instalation{
margin-top: 190px;
margin-left: 220px;
display: inline-block;
transition: transform .2s;
color: white;
    }
   .instalation:hover{
  transform: scale(1.2);
color: white;
    }