Sheva77
/
homework


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
							<!-- Andrey Shevchenko. FEA-23. Lesson 7 -->

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="./css/style.css" />
    <title>Leson 7</title>
  </head>
  <body>
    <form action="">
      <label for="email">Имя</label>
      <label>
        имя<input name="" placeholder="Введите имя" type="text">
      </label>
      <input name="" placeholder="Введите имя" type="text">
      <input type="email">
      <input type="date" name="" id="">
      <input type="number" name="" id="">
      <input type="password" name="" id="">
      <input type="color" name="" id="">
      <input type="file" name="" id="">
      <input type="checkbox" name="" id="">


      <input type="radio" name="re" id="">
      <input type="radio" name="re" id="">
      <input type="radio" name="re" id="">
      <textarea name=""></textarea>
      <select name="" id="">
        <option value="">Option 1</option>
        <option value="">Option2</option>
        <option value="">Option3</option>
      </select>
      
      <input type="submit" value="Submit">

      <div>
        <label class="custom-checkbox">
          <input type="checkbox" name="variant" >
          <div class="custom-checkbox__box"></div>
          <div class="custom-checkbox__label">Вариант выбора</div>
        </label>
      </div>
    </form>


    <div class="item">
      <img src="./images/Rectangle Copy 24.jpg" alt="" width="310" height="396">
      <div class="title">Title Long Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nostrum deleniti doloribus accusamus temporibus magni. Nostrum, minus nihil, eligendi quia, facere rerum voluptas sint illum autem sit accusantium similique minima laboriosam.</div>
    </div>


  </body>
</html>