<!DOCTYPE html> <html lang="ru"> <head>

   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Команда "Процент Успеха"</title>
   <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
   <style>
       :root {
           --bg-gradient: linear-gradient(180deg, #d8b4fe 0%, #a855f7 50%, #ec4899 100%);
           --card-white: rgba(255, 255, 255, 0.9);
           --text-main: #ffffff;
           --text-dark: #4c1d95;
       }

       body {
           font-family: 'Montserrat', sans-serif;
           margin: 0;
           padding: 0;
           background: var(--bg-gradient);
           color: var(--text-main);
           display: flex;
           justify-content: center;
       }

       .container {
           max-width: 800px;
           width: 100%;
           padding: 20px;
       }

       /* Шапка */
       .header {
           background: rgba(255, 255, 255, 0.2);
           padding: 30px;
           border-radius: 20px;
           margin-bottom: 20px;
           text-align: left;
       }

       .header h1 {
           font-size: 3rem;
           margin: 0;
           text-transform: uppercase;
       }

       .motto {
           font-weight: bold;
           font-size: 1.2rem;
           margin-top: 15px;
       }

       /* Секция школы */
       .school-info {
           display: flex;
           gap: 20px;
           margin-bottom: 40px;
           align-items: center;
       }

       .school-details {
           flex: 1;
       }

       .info-box {
           background: var(--card-white);
           color: var(--text-dark);
           padding: 15px;
           border-radius: 15px;
           margin-bottom: 10px;
           font-size: 0.9rem;
       }

       .school-img {
           flex: 1;
           width: 100%;
           border-radius: 20px;
           box-shadow: 0 10px 20px rgba(0,0,0,0.2);
       }

       .btn-site {
           display: inline-block;
           background: #8b5cf6;
           color: white;
           padding: 10px 25px;
           border-radius: 25px;
           text-decoration: none;
           font-weight: bold;
           margin-top: 10px;
       }

       /* Заголовки секций */
       .section-title {
           text-align: center;
           font-size: 2rem;
           text-transform: uppercase;
           margin: 40px 0 20px;
           letter-spacing: 2px;
       }

       /* Карточка руководителя */
       .leader-card {
           background: var(--card-white);
           color: var(--text-dark);
           border-radius: 20px;
           display: flex;
           overflow: hidden;
           align-items: center;
           margin-bottom: 40px;
       }

       .leader-info {
           padding: 30px;
           flex: 1;
       }

       .leader-img {
           width: 40%;
           height: 250px;
           background: #fdf2f8; /* Заглушка под иллюстрацию */
           object-fit: cover;
       }

       /* Сетка участников */
       .team-grid {
           display: grid;
           grid-template-columns: 1fr 1fr;
           gap: 20px;
       }

       .member-card {
           background: var(--card-white);
           color: var(--text-dark);
           border-radius: 20px;
           padding: 20px;
           text-align: center;
           transition: transform 0.3s;
       }

       .member-card:hover {
           transform: translateY(-5px);
       }

       .avatar-placeholder {
           width: 100%;
           height: 180px;
           background: #f3f4f6;
           border-radius: 15px;
           margin-bottom: 15px;
           border: 2px solid #ddd;
           display: flex;
           align-items: center;
           justify-content: center;
       }

       .member-name { font-weight: bold; font-size: 1.1rem; margin-bottom: 5px; }
       .member-desc { font-size: 0.85rem; color: #4b5563; line-height: 1.4; }

       @media (max-width: 600px) {
           .school-info, .leader-card, .team-grid {
               flex-direction: column;
               grid-template-columns: 1fr;
           }
           .leader-img { width: 100%; }
       }
   </style>

</head> <body>

   <header class="header">

Вас приветствует команда

ПРОЦЕНТ УСПЕХА

           НАШ ГЛАВНЫЙ АКТИВ - КОМАНДА. НАШ ГЛАВНЫЙ ПОКАЗАТЕЛЬ - ПРОЦЕНТ УСПЕХА!

   </header>

   <section class="school-info">

МБОУ "Средняя общеобразовательная школа № 8" имени П.А.Каурова

Владимирская область, г. Муром, ул. Кооперативная, д. 7А.

           <a href="#" class="btn-site">САЙТ ШКОЛЫ</a>

       <img src="https://via.placeholder.com/400x300" alt="Школа" class="school-img">
   </section>

Руководитель команды

Силаева Эльвира Александровна

Учитель математики

       <img src="https://via.placeholder.com/300x300" alt="Руководитель" class="leader-img">

Участники команды

Изображение

Коновалова Ирина

Капитан, победитель олимпиад, гипер ответственная.

Изображение

Штирева Настя

Отличный исполнитель, аккураттистка, всегда идет до конца.

Изображение

Жидоморов Тимофей

Ум и совесть команды, готов всем помочь.

Изображение

Котитов Илья

Дебютант с огромным желанием.

</body> </html>

Участник:SalnikovaEY

Содержание

ПРОЦЕНТ УСПЕХА

Руководитель команды

Силаева Эльвира Александровна

Участники команды

Навигация

Поиск