<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Страничка по заказу</title>
<link rel="stylesheet" href="tyu.css">
</head>
<body>
<div class="container">
<h1>Страничка по заказу</h1>
<form id="orderForm">
<div class="form-group">
<label for="title">Заголовок:</label>
<input type="text" id="title" name="title" value="Собака друг человека!" class="text-input">
</div>
<div class="form-group">
<label>Картинка:</label>
<div class="radio-group">
<input type="radio" id="imageDog" name="image" value="dog" checked>
<label for="imageDog">Собака</label><br>
<input type="radio" id="imageFlower" name="image" value="flower">
<label for="imageFlower">Одинокий цветок</label><br>
<input type="radio" id="imageBouquet" name="image" value="bouquet">
<label for="imageBouquet">Букет</label>
</div>
</div>
<div class="form-group">
<label for="caption">Подпись:</label>
<input type="text" id="caption" name="caption" value="Я тоже завел себе верного пса, собаку которая ру" class="text-input">
</div>
<div class="color-options">
<div class="form-group color-group">
<label for="bgColorSelect">Цвет фона</label>
<select id="bgColorSelect" name="bgColorSelect" class="color-select">
<option value="lightgreen" selected>Зеленый</option>
<option value="lightblue">Голубой</option>
<option value="lightpink">Розовый</option>
<option value="white">Белый</option>
</select>
<input type="color" id="bgColorPicker" name="bgColorPicker" value="#90EE90" class="color-picker" style="display: none;">
</div>
<div class="form-group color-group">
<label>Цвет текста</label>
<div class="text-color-radios">
<input type="radio" id="textColorWhite" name="textColor" value="white">
<label for="textColorWhite" class="color-swatch white-swatch"></label>
<input type="radio" id="textColorBlack" name="textColor" value="black" checked>
<label for="textColorBlack" class="color-swatch black-swatch"></label>
<input type="radio" id="textColorBlue" name="textColor" value="blue">
<label for="textColorBlue" class="color-swatch blue-swatch"></label>
<input type="color" id="textColorPicker" name="textColorPicker" value="#000000" class="color-picker">
</div>
</div>
</div>
<div class="buttons">
<button type="reset" id="resetBtn">Сброс</button>
<button type="button" id="showBtn">Показать</button>
</div>
</form>
</div>
<script src="hqw.js"></script>
</body>
</html>
