diff --git a/.history/css/style_20241230153016.css b/.history/css/style_20241230153016.css new file mode 100644 index 0000000..0471029 --- /dev/null +++ b/.history/css/style_20241230153016.css @@ -0,0 +1,144 @@ +html, body { + height: 100%; + margin: 0; + padding: 0; +} + +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; + color: #333; + background: url('assets/images/title.png') no-repeat center center fixed; + background-size: cover; +} + +header { + background-color: rgba(0, 68, 102, 0.9); + padding: 20px 0; +} + +header .container { + display: flex; + justify-content: space-between; + align-items: center; + max-width: 1200px; + margin: 0 auto; + padding: 0 20px; +} + +/* header .logo { + max-height: 50px; +} */ + +header nav ul { + list-style: none; + display: flex; + margin: 0; + padding: 0; +} + +header nav ul li { + margin-left: 20px; +} + +header nav ul li a { + text-decoration: none; + color: white; + font-size: 16px; +} + +section { + padding: 40px 20px; + max-width: 1200px; + margin: 0 auto; + background: rgba(255, 255, 255, 0.8); + border-radius: 10px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +} + +/* section#home { + background: rgba(244, 244, 244, 0.9); + text-align: center; + padding: 60px 20px; + border-radius: 10px; +} */ + +section#home { + background: url("../assets/images/title.png") no-repeat center center/cover; + color: white; + text-align: center; + padding: 0px 0px; + min-height: 100vh; + width: 100vw; +} + +header .logo { + max-height: 80px; +} + +.logo-caption-container { + display: flex; + align-items: center; + gap: 10px; +} + +header .top-caption { + font-size: 24px; + font-weight: bold; + color: #ffffff; + text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); +} + +footer { + background-color: rgba(0, 68, 102, 0.9); + color: white; + text-align: center; + padding: 20px 0; + margin-top: 20px; +} + +.team-section { + display: flex; + flex-direction: column; + gap: 40px; +} +.team-department { + margin-bottom: 40px; +} +.team-department h2 { + color: #2c3e50; + margin-bottom: 10px; +} + + +/* Team members layout */ +.team-member { + display: inline-block; + width: 20%; + text-align: center; + margin: 10px; +} + +.team-member img { + width: 100px; + height: 100px; + border-radius: 50%; + object-fit: cover; +} + + +/* автопилот +Новичков Дмитрий +Козак Борис +конструкторы +Попов Глеб +Кочнева Екатерина +Лоу Цзячэн +Шалаев Максим +Сидоренко Александр (пилот) +электротехника +Петриков Фёдор +Савченко Андрей +Ву Куньлунь +Тарасов Степан */ \ No newline at end of file diff --git a/.history/css/style_20241230153614.css b/.history/css/style_20241230153614.css new file mode 100644 index 0000000..e61ef73 --- /dev/null +++ b/.history/css/style_20241230153614.css @@ -0,0 +1,148 @@ +html, body { + height: 100%; + margin: 0; + padding: 0; +} + +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; + color: #333; + background: url('assets/images/title.png') no-repeat center center fixed; + background-size: cover; +} + +header { + background-color: rgba(0, 68, 102, 0.9); + padding: 20px 0; +} + +header .container { + display: flex; + justify-content: space-between; + align-items: center; + max-width: 1200px; + margin: 0 auto; + padding: 0 20px; +} + +/* header .logo { + max-height: 50px; +} */ + +header nav ul { + list-style: none; + display: flex; + margin: 0; + padding: 0; +} + +header nav ul li { + margin-left: 20px; +} + +header nav ul li a { + text-decoration: none; + color: white; + font-size: 16px; +} + +section { + padding: 40px 20px; + max-width: 1200px; + margin: 0 auto; + background: rgba(255, 255, 255, 0.8); + border-radius: 10px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +} + +/* section#home { + background: rgba(244, 244, 244, 0.9); + text-align: center; + padding: 60px 20px; + border-radius: 10px; +} */ + +section#home { + background: url("../assets/images/title.png") no-repeat center center; + background-size: contain; /* Изображение будет полностью видно */ + background-repeat: no-repeat; /* Отключает повторение */ + background-attachment: fixed; /* Фиксирует фон при прокрутке */ + color: white; + text-align: center; + padding: 0px 0px; + min-height: 100vh; + width: 100vw; +} + + +header .logo { + max-height: 80px; +} + +.logo-caption-container { + display: flex; + align-items: center; + gap: 10px; +} + +header .top-caption { + font-size: 24px; + font-weight: bold; + color: #ffffff; + text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); +} + +footer { + background-color: rgba(0, 68, 102, 0.9); + color: white; + text-align: center; + padding: 20px 0; + margin-top: 20px; +} + +.team-section { + display: flex; + flex-direction: column; + gap: 40px; +} +.team-department { + margin-bottom: 40px; +} +.team-department h2 { + color: #2c3e50; + margin-bottom: 10px; +} + + +/* Team members layout */ +.team-member { + display: inline-block; + width: 20%; + text-align: center; + margin: 10px; +} + +.team-member img { + width: 100px; + height: 100px; + border-radius: 50%; + object-fit: cover; +} + + +/* автопилот +Новичков Дмитрий +Козак Борис +конструкторы +Попов Глеб +Кочнева Екатерина +Лоу Цзячэн +Шалаев Максим +Сидоренко Александр (пилот) +электротехника +Петриков Фёдор +Савченко Андрей +Ву Куньлунь +Тарасов Степан */ \ No newline at end of file diff --git a/.history/css/style_20241230153623.css b/.history/css/style_20241230153623.css new file mode 100644 index 0000000..ce74604 --- /dev/null +++ b/.history/css/style_20241230153623.css @@ -0,0 +1,147 @@ +html, body { + height: 100%; + margin: 0; + padding: 0; +} + +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; + color: #333; + background: url('assets/images/title.png') no-repeat center center fixed; + background-size: cover; +} + +header { + background-color: rgba(0, 68, 102, 0.9); + padding: 20px 0; +} + +header .container { + display: flex; + justify-content: space-between; + align-items: center; + max-width: 1200px; + margin: 0 auto; + padding: 0 20px; +} + +/* header .logo { + max-height: 50px; +} */ + +header nav ul { + list-style: none; + display: flex; + margin: 0; + padding: 0; +} + +header nav ul li { + margin-left: 20px; +} + +header nav ul li a { + text-decoration: none; + color: white; + font-size: 16px; +} + +section { + padding: 40px 20px; + max-width: 1200px; + margin: 0 auto; + background: rgba(255, 255, 255, 0.8); + border-radius: 10px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +} + +/* section#home { + background: rgba(244, 244, 244, 0.9); + text-align: center; + padding: 60px 20px; + border-radius: 10px; +} */ + +section#home { + background: url("../assets/images/title.png") no-repeat center center; + background-size: contain; + background-repeat: no-repeat; + background-attachment: fixed; + color: white; + text-align: center; + padding: 0px 0px; + min-height: 100vh; + width: 100vw; +} + +header .logo { + max-height: 80px; +} + +.logo-caption-container { + display: flex; + align-items: center; + gap: 10px; +} + +header .top-caption { + font-size: 24px; + font-weight: bold; + color: #ffffff; + text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); +} + +footer { + background-color: rgba(0, 68, 102, 0.9); + color: white; + text-align: center; + padding: 20px 0; + margin-top: 20px; +} + +.team-section { + display: flex; + flex-direction: column; + gap: 40px; +} +.team-department { + margin-bottom: 40px; +} +.team-department h2 { + color: #2c3e50; + margin-bottom: 10px; +} + + +/* Team members layout */ +.team-member { + display: inline-block; + width: 20%; + text-align: center; + margin: 10px; +} + +.team-member img { + width: 100px; + height: 100px; + border-radius: 50%; + object-fit: cover; +} + + +/* автопилот +Новичков Дмитрий +Козак Борис +конструкторы +Попов Глеб +Кочнева Екатерина +Лоу Цзячэн +Шалаев Максим +Сидоренко Александр (пилот) +электротехника +Петриков Фёдор +Савченко Андрей +Ву Куньлунь +Тарасов Степан */ \ No newline at end of file diff --git a/css/style.css b/css/style.css index 0471029..ce74604 100644 --- a/css/style.css +++ b/css/style.css @@ -65,7 +65,10 @@ section { } */ section#home { - background: url("../assets/images/title.png") no-repeat center center/cover; + background: url("../assets/images/title.png") no-repeat center center; + background-size: contain; + background-repeat: no-repeat; + background-attachment: fixed; color: white; text-align: center; padding: 0px 0px;