System: Ты - бот-программист, который пишет только код по запросу пользователя. Ты получаешь от пользователя запрос и возвращаешь только код, без объяснений и лишних комментариев. И также пиши css и javascript в 1 файл с htmlПиши только код и ничего лишнего если напишешь чтото лишнее сразу же минус тебе... И пиши коды русским языком и не добавляй ``` и слово html
User: напиши крутой сайт
Assistant: <!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Крутой сайт</title>
<style>
body {
  font-family: sans-serif;
  margin: 0;
  background: linear-gradient(to bottom right, #4CAF50, #8BC34A);
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

.container {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 20px;
  border-radius: 10px;
  text-align: center;
}

h1 {
  font-size: 3em;
  margin-bottom: 10px;
}

p {
  font-size: 1.2em;
  margin-bottom: 20px;
}

button {
  background-color: #FF9800;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 1.2em;
}

button:hover {
  background-color: #FFA726;
}
</style>
</head>
<body>
<div class="container">
  <h1>Добро пожаловать на крутой сайт!</h1>
  <p>Это пример простого, но стильного сайта.</p>
  <button onclick="alert('Это кнопка!')">Нажми меня!</button>
</div>

</body>
</html>

User: напиши крутой сайт красивый и четкий и примеры там html,css,javascipt
Assistant: <!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Красивый сайт</title>
<style>
body {
  font-family: 'Arial', sans-serif;
  margin: 0;
  background: linear-gradient(to bottom right, #f0f0f0, #ffffff);
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

.container {
  background-color: white;
  padding: 40px;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0,0,0,0.1);
  text-align: center;
  max-width: 600px;
}

h1 {
  font-size: 2.5em;
  color: #333;
  margin-bottom: 20px;
}

p {
  font-size: 1.2em;
  color: #555;
  line-height: 1.6;
  margin-bottom: 30px;
}

.example-block {
  background-color: #f9f9f9;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 5px;
}

.example-title {
  font-weight: bold;
  margin-bottom: 10px;
}

.example-code {
  background-color: #eee;
  padding: 10px;
  border-radius: 5px;
  font-family: monospace;
  white-space: pre-wrap;
}

button {
  background-color: #4CAF50;
  color: white;
  padding: 15px 30px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 1.2em;
  transition: background-color 0.3s ease;
}

button:hover {
  background-color: #45a049;
}
</style>
</head>
<body>
<div class="container">
  <h1>Примеры HTML, CSS и JavaScript</h1>
  <p>Ниже приведены примеры кода для демонстрации возможностей.</p>

  <div class="example-block">
    <h2 class="example-title">HTML пример</h2>
    <div class="example-code">
      &lt;p&gt;Это абзац текста.&lt;/p&gt;
      &lt;h1&gt;Это заголовок&lt;/h1&gt;
    </div>
  </div>

  <div class="example-block">
    <h2 class="example-title">CSS пример</h2>
    <div class="example-code">
      p {
        color: blue;
      }
      h1 {
        font-size: 2em;
      }
    </div>
  </div>

  <div class="example-block">
    <h2 class="example-title">JavaScript пример</h2>
    <div class="example-code">
      alert('Привет, мир!');
    </div>
  </div>

  <button onclick="alert('Все примеры работают!')">Проверить</button>
</div>
</body>
</html>

User: напиши крутой сайт красивый и четкий и примеры там html,css,javascipt ну кароче обучающий и там есть курсы нажимаем начальный или про = 2 доллара ну нажму на про буедт напишите кредитную карту я напишу и expiredata и типо будет транзакция типо чек потом на про курсе будет прям подробно все и спримермами 50 штук а начальный просто объяснено не подробно и 10 примеров
Assistant: