Чем мы занимаемся
Экономическая география
Упор сделан на составление страноведческой характеристики. Вы можете ознакомиться с видеоматериалами.
Информатика и ИКТ
Место для ваших идей
ХИМ-БИО
Будет время
Первокурсник, не паникуй!
Да, лекций много. Да, термины звучат как заклинания. Да, ты уже три раза думал, что не справишься. Но вот секрет: все так думали. И все справились — значит, справишься и ты. Главное — не сравнивать себя с теми, кто «всё знает» (они тоже гуглят втихаря). Ходи на пары, задавай вопросы, пей кофе и верь в себя. Ты на правильном пути!
.science-wrap {
width: 100%;
padding: 50px 30px;
background: #fafafa;
}
.science-title {
text-align: center;
font-size: 2rem;
color: #cc0000;
margin-bottom: 10px;
font-weight: 700;
}
.science-subtitle {
text-align: center;
font-size: 1.15rem;
color: #555;
margin-bottom: 40px;
}
.science-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 25px;
max-width: 1100px;
margin: 0 auto;
}
.science-card {
background: #fff;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(0,0,0,0.08);
transition: transform 0.3s, box-shadow 0.3s;
}
.science-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0,0,0,0.12);
}
.science-card-img {
width: 100%;
height: 180px;
display: flex;
align-items: center;
justify-content: center;
font-size: 4.5rem;
position: relative;
}
.science-card-img::before {
content: “”;
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
opacity: 0.15;
}
.science-card:nth-child(1) .science-card-img { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); }
.science-card:nth-child(2) .science-card-img { background: linear-gradient(135deg, #0f4c3a 0%, #1b6b52 100%); }
.science-card:nth-child(3) .science-card-img { background: linear-gradient(135deg, #1a0a2e 0%, #2d1b4e 100%); }
.science-card:nth-child(4) .science-card-img { background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%); }
.science-card:nth-child(5) .science-card-img { background: linear-gradient(135deg, #c0392b 0%, #e74c3c 100%); }
.science-card:nth-child(6) .science-card-img { background: linear-gradient(135deg, #8e44ad 0%, #9b59b6 100%); }
.science-card-body {
padding: 22px;
}
.science-card-tag {
color: #cc0000;
font-size: 0.85rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 8px;
}
.science-card h3 {
font-size: 1.25rem;
color: #222;
margin-bottom: 12px;
line-height: 1.3;
}
.science-card p {
font-size: 1rem;
color: #555;
line-height: 1.6;
margin-bottom: 0;
}
@media (max-width: 600px) {
.science-wrap { padding: 30px 20px; }
.science-title { font-size: 1.6rem; }
.science-card-img { height: 150px; font-size: 3.5rem; }
}
.science-wrap {
width: 100%;
padding: 50px 30px;
background: #fafafa;
}
.science-title {
text-align: center;
font-size: 2rem;
color: #cc0000;
margin-bottom: 10px;
font-weight: 700;
}
.science-subtitle {
text-align: center;
font-size: 1.15rem;
color: #555;
margin-bottom: 40px;
}
/* === СЛАЙДЕР === */
.science-slider-container {
position: relative;
max-width: 1100px;
margin: 0 auto;
overflow: hidden;
}
.science-slider-track {
display: flex;
transition: transform 0.4s ease;
}
.science-slide {
min-width: 33.333%;
padding: 0 12px;
box-sizing: border-box;
}
.science-card {
background: #fff;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(0,0,0,0.08);
transition: transform 0.3s, box-shadow 0.3s;
height: 100%;
}
.science-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0,0,0,0.12);
}
.science-card-img {
width: 100%;
height: 180px;
display: flex;
align-items: center;
justify-content: center;
font-size: 4.5rem;
}
.science-card:nth-child(1) .science-card-img,
.science-slide:nth-child(4n+1) .science-card-img { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); }
.science-slide:nth-child(4n+2) .science-card-img { background: linear-gradient(135deg, #0f4c3a 0%, #1b6b52 100%); }
.science-slide:nth-child(4n+3) .science-card-img { background: linear-gradient(135deg, #1a0a2e 0%, #2d1b4e 100%); }
.science-slide:nth-child(4n+4) .science-card-img { background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%); }
.science-card-body {
padding: 22px;
}
.science-card-tag {
color: #cc0000;
font-size: 0.85rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 8px;
}
.science-card h3 {
font-size: 1.25rem;
color: #222;
margin-bottom: 12px;
line-height: 1.3;
}
.science-card p {
font-size: 1rem;
color: #555;
line-height: 1.6;
margin-bottom: 0;
}
/* Кнопки */
.science-slider-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: #cc0000;
color: #fff;
border: none;
width: 44px;
height: 44px;
border-radius: 50%;
font-size: 1.4rem;
cursor: pointer;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 10px rgba(0,0,0,0.2);
transition: background 0.2s;
}
.science-slider-btn:hover {
background: #990000;
}
.science-slider-btn.prev { left: -22px; }
.science-slider-btn.next { right: -22px; }
.science-slider-btn:disabled {
opacity: 0.3;
cursor: not-allowed;
}
/* Точки */
.science-slider-dots {
display: flex;
justify-content: center;
gap: 10px;
margin-top: 25px;
}
.science-dot {
width: 12px;
height: 12px;
border-radius: 50%;
background: #ccc;
border: none;
cursor: pointer;
transition: background 0.3s;
}
.science-dot.active {
background: #cc0000;
}
@media (max-width: 900px) {
.science-slide { min-width: 50%; }
.science-slider-btn.prev { left: 10px; }
.science-slider-btn.next { right: 10px; }
}
@media (max-width: 600px) {
.science-wrap { padding: 30px 20px; }
.science-title { font-size: 1.6rem; }
.science-slide { min-width: 100%; padding: 0 5px; }
.science-card-img { height: 150px; font-size: 3.5rem; }
.science-slider-btn { width: 36px; height: 36px; font-size: 1.1rem; }
.science-slider-btn.prev { left: 5px; }
.science-slider-btn.next { right: 5px; }
}
(function() {
const track = document.getElementById(‘scienceTrack’);
const slides = track.children;
const dotsContainer = document.getElementById(‘scienceDots’);
let current = 0;
function getVisible() {
if (window.innerWidth <= 600) return 1;
if (window.innerWidth <= 900) return 2;
return 3;
}
function maxIndex() {
return Math.max(0, slides.length – getVisible());
}
function update() {
const visible = getVisible();
const percent = 100 / visible;
track.style.transform = 'translateX(-' + (current * percent) + '%)';
// Обновить точки
const dots = dotsContainer.children;
for (let i = 0; i = maxIndex();
}
window.scienceMove = function(dir) {
current += dir;
if (current maxIndex()) current = maxIndex();
update();
};
// Создать точки
for (let i = 0; i maxIndex()) current = maxIndex();
update();
});
update();
})();
Научные прорывы, которые меняют мир
Последние достижения естественных наук — и ты можешь стать частью этой истории
Свяжитесь с нами
====================================>
Курский колледж культуры
Место твоего развития
Напиши мне в Vk
Ожогов Юрий
https://vk.ru/geografreg46