| 1234567891011121314151617181920212223242526272829303132333435363738394041424344 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <link rel="stylesheet" href="css/style.css">
- <title>Fourth task</title>
- </head>
- <body>
- <div class="conteiner">
- <div class="colum">
- <div class="columpr">70%</div>
- <div class="columcol1"></div>
- </div>
- <div class="colum">
- <div class="columpr">50%</div>
- <div class="columcol2"></div>
- </div>
- <div class="colum">
- <div class="columpr">30%</div>
- <div class="columcol3"></div>
- </div>
- <div class="colum">
- <div class="columpr">100%</div>
- <div class="columcol4"></div>
- </div>
- <div class="colum">
- <div class="columpr">90%</div>
- <div class="columcol5"></div>
- </div>
- <div class="colum">
- <div class="columpr">60%</div>
- <div class="columcol6"></div>
- </div>
- <div class="colum">
- <div class="columpr">10%</div>
- <div class="columcol7"></div>
- </div>
- <div class="colum">
- <div class="columpr">35%</div>
- <div class="columcol8"></div>
- </div>
- </div>
- </body>
- </html>
|
