Files
SMANAGE/TempLate/yc8z/index.html
T
2026-06-16 11:55:14 +08:00

1748 lines
96 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>天津市武清区杨村第八中学 - 首页</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.gvsds.com/chart.js/dist/chart.umd.js"></script>
<link href="https://cdn.gvsds.com/font-awesome/css/fontawesome.min.css" rel="stylesheet">
<link href="https://cdn.gvsds.com/font-awesome/css/all.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Merriweather:wght@400;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<link rel="Shortcut Icon" type="image/x-icon" href="/favicon.ico" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<script>
tailwind.config = {
theme: {
extend: {
colors: {
primary: '#165DFF',
secondary: '#FF7D00',
accent: '#36D399',
neutral: '#191D24',
'base-100': '#FFFFFF',
'base-200': '#F5F7FA',
'base-300': '#E4E7ED',
},
fontFamily: {
sans: ['Inter', 'system-ui', 'sans-serif'],
serif: ['Merriweather', 'Georgia', 'serif'],
},
},
}
}
</script>
<style type="text/tailwindcss">
@layer utilities {
.content-auto {
content-visibility: auto;
}
.text-shadow {
text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.text-shadow-lg {
text-shadow: 0 4px 8px rgba(0,0,0,0.25);
}
.transition-custom {
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.card-hover {
@apply hover:shadow-xl hover:-translate-y-1 transition-all duration-300;
}
.nav-link {
@apply relative text-neutral hover:text-primary transition-colors duration-300;
}
.nav-link::after {
@apply content-[''] absolute w-0 h-0.5 bg-primary left-0 bottom-0 transition-all duration-300;
}
.nav-link:hover::after {
@apply w-full;
}
}
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Merriweather:wght@400;700&display=swap');
body {
scroll-behavior: smooth;
}
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: #a8a8a8;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.animate-fadeInUp {
animation: fadeInUp 0.6s ease-out forwards;
}
.delay-100 {
animation-delay: 0.1s;
}
.delay-200 {
animation-delay: 0.2s;
}
.delay-300 {
animation-delay: 0.3s;
}
.delay-400 {
animation-delay: 0.4s;
}
.delay-500 {
animation-delay: 0.5s;
}
.parallax {
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>
</head>
<body class="font-sans bg-base-200 text-neutral">
<!-- 导航栏 -->
<header id="navbar" class="fixed w-full top-0 z-50 transition-all duration-300 bg-white/90 backdrop-blur-md shadow-sm">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between items-center h-16 md:h-20">
<!-- Logo -->
<a href="#" class="flex items-center space-x-2">
<div class="w-10 h-10 rounded-lg flex items-center justify-center">
<img class="text-white font-bold text-xl" src="/assets/image/h.png" />
</div>
<span class="text-xl font-bold text-primary">天津市武清区杨村第八中学</span>
</a>
<!-- 桌面导航 -->
<nav class="hidden md:flex space-x-8">
<a href="#home" class="nav-link font-medium">首页</a>
<a href="#about" class="nav-link font-medium">学校概况</a>
<a href="#history" class="nav-link font-medium">学校发展历程</a>
<a href="#schoolmaster" class="nav-link font-medium">校长寄语</a>
<a href="#schoolrules" class="nav-link font-medium">校风校纪</a>
<a href="#teachers" class="nav-link font-medium">师资力量</a>
<a href="#news" class="nav-link font-medium">新闻动态</a>
<a href="#culture" class="nav-link font-medium">校园文化</a>
<a href="#admission" class="nav-link font-medium">招生信息</a>
<a href="#contact" class="nav-link font-medium">联系校方</a>
</nav>
<!-- 移动端菜单按钮 -->
<button id="menuBtn" class="md:hidden p-2 text-neutral hover:text-primary transition-colors">
<i class="fa fa-bars text-2xl"></i>
</button>
</div>
</div>
<!-- 移动端导航菜单 -->
<div id="mobileMenu" class="md:hidden bg-white shadow-lg absolute w-full left-0 top-full transform -translate-y-full opacity-0 transition-all duration-300 pointer-events-none">
<div class="container mx-auto px-4 py-4">
<nav class="flex flex-col space-y-4">
<a href="#home" class="nav-link font-medium py-2">首页</a>
<a href="#about" class="nav-link font-medium py-2">学校概况</a>
<a href="#history" class="nav-link font-medium py-2">学校发展历程</a>
<a href="#schoolmaster" class="nav-link font-medium py-2">校长寄语</a>
<a href="#schoolrules" class="nav-link font-medium py-2">校风校纪</a>
<a href="#teachers" class="nav-link font-medium py-2">师资力量</a>
<a href="#news" class="nav-link font-medium py-2">新闻动态</a>
<a href="#culture" class="nav-link font-medium py-2">校园文化</a>
<a href="#admission" class="nav-link font-medium py-2">招生信息</a>
<a href="#contact" class="nav-link font-medium py-2">联系校方</a>
</nav>
</div>
</div>
</header>
<main>
<!-- 英雄区域 -->
<section id="home" class="pt-16 md:pt-20">
<div class="relative h-[70vh] min-h-[500px] overflow-hidden">
<div class="absolute inset-0 from-primary/80 to-primary/60 z-10"></div>
<img src="/assets/image/hub.png" alt="学校全景" class="absolute inset-0 w-full h-full object-cover object-center">
<div class="relative z-20 h-full flex items-center">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="max-w-3xl animate-fadeInUp">
<h1 class="text-[clamp(2.5rem,5vw,4rem)] font-bold text-white leading-tight text-shadow-lg mb-4">
天津市武清区
<br>杨村第八中学
</h1>
<p class="text-[clamp(1.2rem,2vw,1.5rem)] text-white/90 text-shadow mb-8 max-w-2xl">
雍和、至善、勤勉、励志
</p>
<div class="flex flex-wrap gap-4">
<a href="#about" class="px-8 py-3 bg-white text-primary font-semibold rounded-lg shadow-lg hover:bg-base-300 transition-colors">
了解学校
</a>
<a href="#admission" class="px-8 py-3 bg-transparent border-2 border-white text-white font-semibold rounded-lg shadow-lg hover:bg-white/10 transition-colors">
招生信息
</a>
</div>
</div>
</div>
</div>
<!-- 波浪底部装饰 -->
<div class="absolute bottom-0 left-0 right-0">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 120" class="w-full h-auto">
<path fill="#165dff" fill-opacity="1" d="M0,96L48,85.3C96,75,192,53,288,48C384,43,480,53,576,74.7C672,96,768,128,864,128C960,128,1056,96,1152,80C1248,64,1344,64,1392,64L1440,64L1440,120L1392,120C1344,120,1248,120,1152,120C1056,120,960,120,864,120C768,120,672,120,576,120C480,120,384,120,288,120C192,120,96,120,48,120L0,120Z"></path>
</svg>
</div>
</div>
</section>
<!-- 学校概况 -->
<section id="about" class="py-20 bg-base-200">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<h2 class="text-[clamp(1.8rem,3vw,2.5rem)] font-bold text-neutral mb-4">学校概况</h2>
<div class="w-20 h-1 bg-primary mx-auto mb-6"></div>
<p class="text-lg text-neutral/70 max-w-4xl mx-auto">
天津市武清区杨村第八中学创建于2011年8月,是一所具有现代化教学设施和优秀师资力量的初级中学。
</p>
</div>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
<div class="order-2 lg:order-1">
<h3 class="text-2xl font-bold text-neutral mb-6">学校简介</h3>
<p class="text-neutral/80 mb-6 leading-relaxed">
杨村第八中学是武清区一所直属初级中学,坐落于新湾花园西南,京杭大运河东岸。占地面积30277平方米,建筑面积15969平方米,2011年8月建成并投入使用。
</p>
<p class="text-neutral/80 mb-6 leading-relaxed">
博爱楼,精研楼,创新楼,善教楼相连组成环形建筑群。装备信息技术教室、实验室、多功能厅、多媒体合班教室、音乐室、图书阅览室、语音室、劳技室、美术书法室等22个功能教室。
</p>
<p class="text-neutral/80 mb-8 leading-relaxed">
建有300米塑胶跑道体育场、人工草皮足球场和体育馆等体育设施。
</p>
<div class="grid grid-cols-2 sm:grid-cols-4 gap-4 mb-8">
<div class="text-center p-4 bg-white rounded-lg shadow-md">
<div class="text-3xl font-bold text-primary mb-2">14</div>
<div class="text-neutral/70">办学年限</div>
</div>
<div class="text-center p-4 bg-white rounded-lg shadow-md">
<div class="text-3xl font-bold text-primary mb-2">40+</div>
<div class="text-neutral/70">班级</div>
</div>
<div class="text-center p-4 bg-white rounded-lg shadow-md">
<div class="text-3xl font-bold text-primary mb-2">2000+</div>
<div class="text-neutral/70">在校生</div>
</div>
<div class="text-center p-4 bg-white rounded-lg shadow-md">
<div class="text-3xl font-bold text-primary mb-2">30+</div>
<div class="text-neutral/70">荣誉称号</div>
</div>
</div>
<a href="#history" class="inline-flex items-center text-primary font-semibold hover:text-primary/80 transition-colors">
了解更多学校历史 <i class="fa fa-long-arrow-right ml-2"></i>
</a>
</div>
<div class="order-1 lg:order-2 relative">
<div class="rounded-2xl overflow-hidden shadow-xl">
<img src="/assets/image/l.png" alt="学校教学楼" class="w-full h-auto">
</div>
<div class="absolute -bottom-8 -left-8 w-32 h-32 bg-secondary rounded-lg shadow-lg flex items-center justify-center">
<span class="text-white font-bold text-3xl">2011</span>
</div>
</div>
</div>
<!-- 学校历史 -->
<div id="history" class="mt-32">
<div class="text-center mb-16 py-20 bg-base-200 mx-auto px-4 sm:px-6 lg:px-8">
<h2 class="text-[clamp(1.8rem,3vw,2.5rem)] font-bold text-neutral mb-4">学校发展历程</h2>
<div class="w-20 h-1 bg-primary mx-auto mb-6"></div>
</div>
<div class="relative">
<!-- 时间线 -->
<div class="absolute left-1/2 transform -translate-x-1/2 h-full w-1 bg-base-300"></div>
<div class="space-y-16">
<!-- 时间点1 -->
<div class="flex flex-col md:flex-row items-center">
<div class="md:w-1/2 md:pr-12 md:text-right mb-8 md:mb-0">
<h4 class="text-xl font-bold text-primary mb-2">2011年</h4>
<p class="text-neutral/70">2011年8月建成并投入使用</p>
</div>
<div class="w-8 h-8 rounded-full bg-primary border-4 border-white shadow-md z-10"></div>
<div class="md:w-1/2 md:pl-12 md:text-left hidden md:block"></div>
</div>
<!-- 时间点2 -->
<div class="flex flex-col md:flex-row items-center">
<div class="md:w-1/2 md:pr-12 md:text-right hidden md:block"></div>
<div class="w-8 h-8 rounded-full bg-primary border-4 border-white shadow-md z-10"></div>
<div class="md:w-1/2 md:pl-12 md:text-left mb-8 md:mb-0">
<h4 class="text-xl font-bold text-primary mb-2">2012年</h4>
<p class="text-neutral/70">获评武清区“学习型先进单位”“教育教学优秀单位”</p>
</div>
</div>
<!-- 时间点3 -->
<div class="flex flex-col md:flex-row items-center">
<div class="md:w-1/2 md:pr-12 md:text-right mb-8 md:mb-0">
<h4 class="text-xl font-bold text-primary mb-2">2013年</h4>
<p class="text-neutral/70">被命名为“天津教育魅力学校”</p>
</div>
<div class="w-8 h-8 rounded-full bg-primary border-4 border-white shadow-md z-10"></div>
<div class="md:w-1/2 md:pl-12 md:text-left hidden md:block"></div>
</div>
<!-- 时间点4 -->
<div class="flex flex-col md:flex-row items-center">
<div class="md:w-1/2 md:pr-12 md:text-right hidden md:block"></div>
<div class="w-8 h-8 rounded-full bg-primary border-4 border-white shadow-md z-10"></div>
<div class="md:w-1/2 md:pl-12 md:text-left mb-8 md:mb-0">
<h4 class="text-xl font-bold text-primary mb-2">2014年</h4>
<p class="text-neutral/70">被评为天津市“德育工作先进集体”</p>
</div>
</div>
<!-- 时间点5 -->
<div class="flex flex-col md:flex-row items-center">
<div class="md:w-1/2 md:pr-12 md:text-right mb-8 md:mb-0">
<h4 class="text-xl font-bold text-primary mb-2">2022年</h4>
<p class="text-neutral/70">入选天津市“排球传统特色学校”</p>
</div>
<div class="w-8 h-8 rounded-full bg-primary border-4 border-white shadow-md z-10"></div>
<div class="md:w-1/2 md:pl-12 md:text-left hidden md:block"></div>
</div>
<!-- 时间点6 -->
<div class="flex flex-col md:flex-row items-center">
<div class="md:w-1/2 md:pr-12 md:text-right hidden md:block"></div>
<div class="w-8 h-8 rounded-full bg-primary border-4 border-white shadow-md z-10"></div>
<div class="md:w-1/2 md:pl-12 md:text-left">
<h4 class="text-xl font-bold text-primary mb-2">2023-2025年</h4>
<p class="text-neutral/70">李铅校长到来,全面提升教育信息化水平。</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 校长介绍 -->
<section id="schoolmaster" class="py-20 bg-white">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<h2 class="text-[clamp(1.8rem,3vw,2.5rem)] font-bold text-neutral mb-4">校长寄语</h2>
<div class="w-20 h-1 bg-primary mx-auto mb-6"></div>
<p class="text-lg text-neutral/70 max-w-3xl mx-auto">
人人都希望美好的未来,但未来靠自己创造。
</p>
</div>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
<div class="relative">
<div class="rounded-2xl overflow-hidden shadow-xl">
<img src="/assets/image/lq.png" alt="李铅校长" class="w-full h-auto">
</div>
<div class="absolute -bottom-8 -right-8 bg-primary text-white p-6 rounded-lg shadow-lg">
<div class="text-xl font-bold">李铅</div>
<div class="text-sm">天津市武清区杨村第八中学校长</div>
</div>
</div>
<div>
<h3 class="text-2xl font-bold text-neutral mb-6">教育理念</h3>
<p class="text-neutral/80 mb-6 leading-relaxed">
欢迎来到天津市武清区杨村第八中学的网站!在这里,您可以了解到学校的一些动态和记录,<b>注意,此网站不属于校方,而是托管于银河锋锐软件开发工作室下的网站,校方没有官方网站,因此任何校方网站都是非官方的,因此本网站的内容不能作为您行动的依据,一切以校方公众号发布的内容为主。我们与校方没有合作关系,因此如果此页面涉及到可能的问题,我们会立即整改。</b>
</p>
<p class="text-neutral/80 mb-6 leading-relaxed">
深感荣幸我们的校长能够带领这样一支优秀的教师团队,为学生们提供优质的教育资源和良好的学习环境。校方始终坚持"以人为本、全面发展"的教育理念,致力于培养具有创新精神、实践能力和社会责任感的新时代青年。
</p>
<p class="text-neutral/80 mb-6 leading-relaxed">
在杨村第八中学,校方注重学生的全面发展,不仅关注学生的学业成绩,更重视学生的品德修养、身心健康和兴趣爱好的培养。校方开设了丰富多彩的校本课程和社团活动,为学生们提供了广阔的发展空间。
</p>
<p class="text-neutral/80 mb-8 leading-relaxed">
展望未来,校方将继续秉承"雍和、至善、勤勉、励志"的校训,不断深化教育教学改革,提高教育教学质量,努力把学校办成一所让学生满意、让家长放心、让社会认可的优质学校。
</p>
<p class="text-neutral/80 mb-8 leading-relaxed">
最后,衷心希望每一位同学都能在杨村第八中学度过充实而美好的初中时光,为自己的未来奠定坚实的基础!
</p>
<div class="text-right">
<p class="text-neutral/80 font-semibold">银河锋锐软件开发工作室</p>
<p class="text-neutral/60 text-sm">2025年 6月</p>
</div>
</div>
</div>
</div>
</section>
<!-- 校风校纪 -->
<section id="schoolrules" class="py-20 bg-base-200">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<h2 class="text-[clamp(1.8rem,3vw,2.5rem)] font-bold text-neutral mb-4">校风校纪</h2>
<div class="w-20 h-1 bg-primary mx-auto mb-6"></div>
<p class="text-lg text-neutral/70 max-w-4xl mx-auto">
校风校纪是学校办学理念、育人方针的集中体现,它引领着学校的发展方向,塑造着师生的精神风貌。
</p>
</div>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8">
<!-- 校风卡片 -->
<div class="bg-white rounded-xl overflow-hidden shadow-md card-hover">
<div class="relative h-64 overflow-hidden">
<img src="/assets/schoolrule/fly.png" alt="校风" class="w-full h-full object-cover object-center">
<div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent flex items-end">
<div class="p-6 text-white">
<h3 class="text-xl font-bold">校风</h3>
</div>
</div>
</div>
<div class="p-6">
<h4 class="text-lg font-bold text-neutral mb-3">校以人为本,师以教为重,生以才为荣</h4>
<p class="text-neutral/70 mb-4">
学校以师生的发展为核心,关注每一位师生的需求和成长。学校致力于营造一个和谐、包容、积极向上的校园环境,让师生们能够在这里充分发挥自己的潜力。
</p>
<p class="text-neutral/70 mb-4">
教师先以教学为职责、而后以教人为使命,教师应以教学为中心,不断提升自己的教学水平和专业素养,为学生传授知识和技能。同时,教师是学生成长的引路人,教师应当正确引导学生的行为。
</p>
<p class="text-neutral/70 mb-4">
学生们应当努力学习,追求卓越,以自己的才华和成就为荣。学校为学生提供了广阔的发展空间和丰富的学习资源,鼓励学生们发挥自己的特长,培养创新精神和实践能力。
</p>
</div>
</div>
<!-- 教风卡片 -->
<div class="bg-white rounded-xl overflow-hidden shadow-md card-hover">
<div class="relative h-64 overflow-hidden">
<img src="/assets/schoolrule/teach.png" alt="教风" class="w-full h-full object-cover object-center">
<div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent flex items-end">
<div class="p-6 text-white">
<h3 class="text-xl font-bold">教风</h3>
</div>
</div>
</div>
<div class="p-6">
<h4 class="text-lg font-bold text-neutral mb-3">博爱、精研、善教、创新</h4>
<p class="text-neutral/70 mb-4">
“博爱”是教师应具备的基本品质,教师要关爱每一位学生,尊重学生的个性差异,用爱心去温暖学生的心灵,让学生感受到学校的关怀和温暖。
</p>
<p class="text-neutral/70 mb-4">
“精研”要求教师不断钻研教学方法和学科知识,提高自己的教学水平和专业素养。只有不断学习和研究,才能跟上时代的步伐,为学生提供更优质的教育。
</p>
<p class="text-neutral/70 mb-4">
“善教”强调教师要善于教学,能够根据学生的特点和需求,采用合适的教学方法和手段,激发学生的学习兴趣和积极性,提高教学效果。
</p>
<p class="text-neutral/70 mb-4">
“创新”是教育发展的动力,教师要敢于创新,勇于探索新的教学模式和方法,培养学生的创新思维和创新能力,为学生的未来发展奠定基础。
</p>
</div>
</div>
<!-- 学风卡片 -->
<div class="bg-white rounded-xl overflow-hidden shadow-md card-hover">
<div class="relative h-64 overflow-hidden">
<img src="/assets/schoolrule/learn.jpg" alt="学风" class="w-full h-full object-cover object-center">
<div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent flex items-end">
<div class="p-6 text-white">
<h3 class="text-xl font-bold">学风</h3>
</div>
</div>
</div>
<div class="p-6">
<h4 class="text-lg font-bold text-neutral mb-3">乐学、睿思、善辨、求异</h4>
<p class="text-neutral/70 mb-4">
“乐学”倡导学生要热爱学习,享受学习的过程。只有对学习充满兴趣,才能主动去学习,提高学习效率。
</p>
<p class="text-neutral/70 mb-4">
“睿思”要求学生要善于思考,培养自己的思维能力。在学习过程中,要学会独立思考,分析问题和解决问题。
</p>
<p class="text-neutral/70 mb-4">
“善辨”强调学生要具备辨别是非的能力,能够正确对待学习和生活中的各种信息和观点。在学习过程中,要学会质疑,敢于提出自己的见解。
</p>
<p class="text-neutral/70 mb-4">
“求异”鼓励学生要勇于创新,敢于突破传统思维的束缚。在学习过程中,要培养自己的创新意识和创新能力,不断探索新的知识和方法。
</p>
</div>
</div>
<!-- 校训卡片 -->
<div class="bg-white rounded-xl overflow-hidden shadow-md card-hover">
<div class="relative h-64 overflow-hidden">
<img src="/assets/schoolrule/rule.png" alt="校训" class="w-full h-full object-cover object-center">
<div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent flex items-end">
<div class="p-6 text-white">
<h3 class="text-xl font-bold">校训</h3>
</div>
</div>
</div>
<div class="p-6">
<h4 class="text-lg font-bold text-neutral mb-3">雍和、至善、勤勉、励志</h4>
<p class="text-neutral/70 mb-4">
“雍和”是一种和谐的精神境界,学校希望师生们能够和睦相处,相互尊重,共同营造一个和谐的校园氛围。
</p>
<p class="text-neutral/70 mb-4">
“至善”是一种追求卓越的精神境界,学校鼓励师生们要不断追求完美,努力做到最好。在学习和工作中,要精益求精,不断提高自己的综合素质。
</p>
<p class="text-neutral/70 mb-4">
“勤勉”是一种勤奋努力的精神境界,强调了勤奋努力的重要性。只有通过不懈的努力,才能取得优异的成绩。学校希望师生们能够养成勤奋好学、努力工作的好习惯。
</p>
<p class="text-neutral/70 mb-4">
“励志”是一种追求成功的精神境界,激励着师生们要有远大的理想和抱负,要树立正确的人生观和价值观。在面对困难和挫折时,要勇往直前,坚持不懈,为实现自己的人生目标而努力奋斗。
</p>
</div>
</div>
</div>
</div>
</section>
<!-- 师资力量 -->
<section id="teachers" class="py-20 bg-base-200">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<h2 class="text-[clamp(1.8rem,3vw,2.5rem)] font-bold text-neutral mb-4">寻找最美教师</h2>
<div class="w-20 h-1 bg-primary mx-auto mb-6"></div>
<p class="text-lg text-neutral/70 max-w-4xl mx-auto">
我校拥有一支高素质、专业化的教师队伍,他们敬业爱生、严谨笃学,是学生成长道路上的引路人。
</p>
</div>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-8">
<!-- 教师1 -->
<div class="bg-white rounded-xl overflow-hidden shadow-md card-hover">
<div class="relative h-64 overflow-hidden">
<img src="/assets/teachers/houliansheng.png" alt="侯连升老师" class="w-full h-full object-cover object-center">
<div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent flex items-end">
<div class="p-6 text-white">
<h3 class="text-xl font-bold">侯连升</h3>
<p class="text-white/80">语文教师</p>
</div>
</div>
</div>
<div class="p-6">
<p class="text-neutral/70 mb-4">
从事语文教学工作多年,教学经验丰富,注重培养学生,教学成果显著。
</p>
<div class="flex space-x-2">
<span class="px-3 py-1 bg-primary/10 text-primary rounded-full text-sm">学科带头人</span>
<span class="px-3 py-1 bg-primary/10 text-primary rounded-full text-sm">教学能手</span>
</div>
</div>
</div>
<!-- 教师2 -->
<div class="bg-white rounded-xl overflow-hidden shadow-md card-hover">
<div class="relative h-64 overflow-hidden">
<img src="/assets/teachers/zhangrui.png" alt="张蕊老师" class="w-full h-full object-cover object-center">
<div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent flex items-end">
<div class="p-6 text-white">
<h3 class="text-xl font-bold">张蕊</h3>
<p class="text-white/80">英语一级教师</p>
</div>
</div>
</div>
<div class="p-6">
<p class="text-neutral/70 mb-4">
张蕊,一级教师,2014年参加工作,现任杨村第八中学八年级七班、八班英语教师兼教务处干事,英语学科骨干教师,三八红旗手。参加工作以来,始终以一名优秀教师的标准严格要求自己,在教学中肯钻研,在教育中肯付出,用爱的云朵推动一朵又一朵小云彩成长成才,深受学生的喜爱,家长的信任。
</p>
<div class="flex space-x-2">
<span class="px-3 py-1 bg-primary/10 text-primary rounded-full text-sm">一级教师</span>
<span class="px-3 py-1 bg-primary/10 text-primary rounded-full text-sm">优秀班主任</span>
</div>
</div>
</div>
<!-- 教师3 -->
<div class="bg-white rounded-xl overflow-hidden shadow-md card-hover">
<div class="relative h-64 overflow-hidden">
<img src="/assets/teachers/zhanglili.png" alt="张立莉老师" class="w-full h-full object-cover object-center">
<div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent flex items-end">
<div class="p-6 text-white">
<h3 class="text-xl font-bold">张立莉</h3>
<p class="text-white/80">体育一级教师</p>
</div>
</div>
</div>
<div class="p-6">
<p class="text-neutral/70 mb-4">
张立莉,女,1989年出生,杨村第八中学体育一级教师,担任学校音体美信教研组长兼八年级十班班主任工作。在教育教学中,始终坚持党的教育方针,面向全体学生,教书育人,为人师表。践行“以学生为主体”,“以培养学生主动发展”为中心的教学思想。重视学生的个体发展,重视激发学生的创造能力。<!--服从学校领导,积极做好本职工作,发扬不怕吃苦,务实开拓的精神,以提高教育教学质量为中心,深入开展课堂教学改革,规范班级管理,强化教学质量。-->
</p>
<div class="flex space-x-2">
<span class="px-3 py-1 bg-primary/10 text-primary rounded-full text-sm">一级教师</span>
<span class="px-3 py-1 bg-primary/10 text-primary rounded-full text-sm">体育教师</span>
</div>
</div>
</div>
<!-- 教师4 -->
<div class="bg-white rounded-xl overflow-hidden shadow-md card-hover">
<div class="relative h-64 overflow-hidden">
<img src="/assets/teachers/liujianqi.png" alt="刘建琦老师" class="w-full h-full object-cover object-center">
<div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent flex items-end">
<div class="p-6 text-white">
<h3 class="text-xl font-bold">刘建琦</h3>
<p class="text-white/80">物理教师</p>
</div>
</div>
</div>
<div class="p-6">
<p class="text-neutral/70 mb-4">
刘建琦,男,现任杨村第八中学八年级物理教学兼八年级二班班主任工作,物理备课组长。青衿之志,温柔而坚毅,是他始终不渝的教育初心;履践之道,坚定而稳健,是他日复一日的教育实践。七年如一日般坚守在教育的沃土上,以满腔热忱投身于教书育人的崇高事业,彰显了新时代教师的责任感与使命感。
</p>
<div class="flex space-x-2">
<span class="px-3 py-1 bg-primary/10 text-primary rounded-full text-sm">物理教师</span>
<span class="px-3 py-1 bg-primary/10 text-primary rounded-full text-sm">物理备课组长</span>
</div>
</div>
</div>
<!-- 教师5 -->
<div class="bg-white rounded-xl overflow-hidden shadow-md card-hover">
<div class="relative h-64 overflow-hidden">
<img src="/assets/teachers/zhaokuo.png" alt="赵阔老师" class="w-full h-full object-cover object-center">
<div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent flex items-end">
<div class="p-6 text-white">
<h3 class="text-xl font-bold">赵阔</h3>
<p class="text-white/80">语文一级教师</p>
</div>
</div>
</div>
<div class="p-6">
<p class="text-neutral/70 mb-4">
赵阔,男,一级教师,现任杨村第八中学八年级五班、六班语文教学工作。2010年毕业于天津财经大学,本科学历。从教11年,担任班主任9年,始终坚守在教育第一线,耕耘在教坛,播撒希望,收获累累硕果。
</p>
<div class="flex space-x-2">
<span class="px-3 py-1 bg-primary/10 text-primary rounded-full text-sm">一级教师</span>
<span class="px-3 py-1 bg-primary/10 text-primary rounded-full text-sm">语文教师</span>
</div>
</div>
</div>
<!-- 教师6 -->
<div class="bg-white rounded-xl overflow-hidden shadow-md card-hover">
<div class="relative h-64 overflow-hidden">
<img src="/assets/teachers/baitongtong.jpg" alt="白桐桐老师" class="w-full h-full object-cover object-center">
<div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent flex items-end">
<div class="p-6 text-white">
<h3 class="text-xl font-bold">白桐桐</h3>
<p class="text-white/80">英语一级教师</p>
</div>
</div>
</div>
<div class="p-6">
<p class="text-neutral/70 mb-4">
白桐桐,一级教师,现任杨村第八中学七年级英语教学及班主任工作,英语学科校级骨干教师,“市级名班主任工作室成员”。一肩风雨,甘守讲台终不悔;九载春秋,心系学生践初心。精雕细刻,用心血演绎着教育的本真;精耕细作,用执着诠释着责任与担当。<!--教育植根于爱,正如冰心所说:“有了爱,便有了一切,有了爱,才有教育的先机”,是爱让她坚守初心,踔厉笃行。2015年参加工作以来,她成为了一名英语教师。在从事教育工作的九年中,她一直站在教育工作的前沿,让每一位学生在课堂上都有所收获是她对事业追求的目标,学高为师,德高为范是她的自律信条。作为一线教师,她深知教师的责任与使命,时刻以“学为人师,行为世范”来鞭策自己,用无悔的爱去浇灌一棵棵朝气蓬勃的幼苗,让他们的生命绽放绚丽之花。-->
</p>
<div class="flex space-x-2">
<span class="px-3 py-1 bg-primary/10 text-primary rounded-full text-sm">一级教师</span>
<span class="px-3 py-1 bg-primary/10 text-primary rounded-full text-sm">英语教师</span>
</div>
</div>
</div>
<!-- 教师7 -->
<div class="bg-white rounded-xl overflow-hidden shadow-md card-hover">
<div class="relative h-64 overflow-hidden">
<img src="/assets/teachers/maojia.png" alt="毛佳老师" class="w-full h-full object-cover object-center">
<div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent flex items-end">
<div class="p-6 text-white">
<h3 class="text-xl font-bold">毛佳</h3>
<p class="text-white/80">语文备课组长</p>
</div>
</div>
</div>
<div class="p-6">
<p class="text-neutral/70 mb-4">
毛佳,女,研究生学历,一级教师,九年级语文备课组长,区级名班主任工作室成员,校级骨干教师。挥汗于三尺讲台,她是良师也是益友;潜心于教育之路,是梦想也是坚守。用心做事,传道解惑;用情育人,润物无声。
</p>
<div class="flex space-x-2">
<span class="px-3 py-1 bg-primary/10 text-primary rounded-full text-sm">一级教师</span>
<span class="px-3 py-1 bg-primary/10 text-primary rounded-full text-sm">语文备课组长</span>
</div>
</div>
</div>
<!-- 教师8 -->
<div class="bg-white rounded-xl overflow-hidden shadow-md card-hover">
<div class="relative h-64 overflow-hidden">
<img src="/assets/teachers/zhangxiuhong.png" alt="张秀红老师" class="w-full h-full object-cover object-center">
<div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent flex items-end">
<div class="p-6 text-white">
<h3 class="text-xl font-bold">张秀红</h3>
<p class="text-white/80">校级骨干教师</p>
</div>
</div>
</div>
<div class="p-6">
<p class="text-neutral/70 mb-4">
张秀红,女,一级教师,2010年参加工作,现任杨村第八中学七年级地理教学兼安全办公室干事工作,校级骨干教师。从教14年来,张老师始终怀揣对教育事业的热爱和对学生的关怀,在教学岗位上默默耕耘,用智慧和爱心点亮学生的求知之路。
</p>
<div class="flex space-x-2">
<span class="px-3 py-1 bg-primary/10 text-primary rounded-full text-sm">一级教师</span>
<span class="px-3 py-1 bg-primary/10 text-primary rounded-full text-sm">校级骨干教师</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 新闻动态 -->
<section id="news" class="py-20 bg-white">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<h2 class="text-[clamp(1.8rem,3vw,2.5rem)] font-bold text-neutral mb-4">新闻动态</h2>
<div class="w-20 h-1 bg-primary mx-auto mb-6"></div>
<p class="text-lg text-neutral/70 max-w-3xl mx-auto">
了解学校最新资讯、活动和成就,关注学校发展动态。
</p>
</div>
OOPS! JavaScript Failed To Load
<!--div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
<-- 新闻1 --
<div class="bg-base-200 rounded-xl overflow-hidden shadow-md card-hover">
<div class="relative h-48 overflow-hidden">
<img src="https://picsum.photos/id/26/800/600" alt="杨村八中荣获天津市文明校园称号" class="w-full h-full object-cover object-center">
<div class="absolute top-4 left-4 bg-primary text-white text-sm font-semibold px-3 py-1 rounded-full">
学校要闻
</div>
</div>
<div class="p-6">
<div class="flex items-center text-neutral/60 text-sm mb-3">
<i class="fa fa-calendar mr-2"></i>
<span>2025年5月28日</span>
</div>
<h3 class="text-xl font-bold text-neutral mb-3">杨村八中荣获天津市文明校园称号</h3>
<p class="text-neutral/70 mb-4">
近日,天津市精神文明建设委员会公布了2024-2025年度天津市文明校园名单,我校榜上有名,荣获"天津市文明校园"称号。
</p>
<a href="#" class="inline-flex items-center text-primary font-semibold hover:text-primary/80 transition-colors">
阅读全文 <i class="fa fa-long-arrow-right ml-2"></i>
</a>
</div>
</div>
<-- 新闻2 --
<div class="bg-base-200 rounded-xl overflow-hidden shadow-md card-hover">
<div class="relative h-48 overflow-hidden">
<img src="https://picsum.photos/id/20/800/600" alt="我校教师在市优质课评比中斩获佳绩" class="w-full h-full object-cover object-center">
<div class="absolute top-4 left-4 bg-secondary text-white text-sm font-semibold px-3 py-1 rounded-full">
教学成果
</div>
</div>
<div class="p-6">
<div class="flex items-center text-neutral/60 text-sm mb-3">
<i class="fa fa-calendar mr-2"></i>
<span>2025年5月15日</span>
</div>
<h3 class="text-xl font-bold text-neutral mb-3">我校教师在市优质课评比中斩获佳绩</h3>
<p class="text-neutral/70 mb-4">
在2025年天津市初中教师优质课评比活动中,我校教师表现出色,共获得一等奖3项、二等奖5项、三等奖7项的优异成绩。
</p>
<a href="#" class="inline-flex items-center text-primary font-semibold hover:text-primary/80 transition-colors">
阅读全文 <i class="fa fa-long-arrow-right ml-2"></i>
</a>
</div>
</div>
<-- 新闻3 --
<div class="bg-base-200 rounded-xl overflow-hidden shadow-md card-hover">
<div class="relative h-48 overflow-hidden">
<img src="https://picsum.photos/id/177/800/600" alt="我校学生在全国数学竞赛中取得优异成绩" class="w-full h-full object-cover object-center">
<div class="absolute top-4 left-4 bg-accent text-white text-sm font-semibold px-3 py-1 rounded-full">
学生活动
</div>
</div>
<div class="p-6">
<div class="flex items-center text-neutral/60 text-sm mb-3">
<i class="fa fa-calendar mr-2"></i>
<span>2025年4月30日</span>
</div>
<h3 class="text-xl font-bold text-neutral mb-3">我校学生在全国数学竞赛中取得优异成绩</h3>
<p class="text-neutral/70 mb-4">
在2025年全国初中数学竞赛中,我校学生表现优异,共有5名学生获得一等奖,8名学生获得二等奖,12名学生获得三等奖。
</p>
<a href="#" class="inline-flex items-center text-primary font-semibold hover:text-primary/80 transition-colors">
阅读全文 <i class="fa fa-long-arrow-right ml-2"></i>
</a>
</div>
</div>
</div>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8 mt-8">
<div class="lg:col-span-2">
<h3 class="text-xl font-bold text-neutral mb-6">近期活动</h3>
<div class="space-y-6">
<-- 活动1 --
<div class="flex flex-col sm:flex-row gap-4 p-4 bg-base-200 rounded-lg hover:shadow-md transition-shadow">
<div class="w-full sm:w-20 h-20 rounded-lg overflow-hidden flex-shrink-0">
<img src="https://picsum.photos/id/21/200/200" alt="校园文化艺术节" class="w-full h-full object-cover">
</div>
<div>
<div class="flex items-center text-neutral/60 text-sm mb-2">
<i class="fa fa-calendar mr-2"></i>
<span>2025年6月10日</span>
<span class="mx-2">|</span>
<i class="fa fa-map-marker mr-2"></i>
<span>学校礼堂</span>
</div>
<h4 class="text-lg font-bold text-neutral mb-2">2025校园文化艺术节圆满落幕</h4>
<p class="text-neutral/70 text-sm">
为期一个月的校园文化艺术节于6月10日在学校礼堂圆满落幕。本次艺术节涵盖了音乐、舞蹈、美术、书法等多个领域,共有300余名学生参与了各项比赛和表演。
</p>
</div>
</div>
<-- 活动2 --
<div class="flex flex-col sm:flex-row gap-4 p-4 bg-base-200 rounded-lg hover:shadow-md transition-shadow">
<div class="w-full sm:w-20 h-20 rounded-lg overflow-hidden flex-shrink-0">
<img src="https://picsum.photos/id/22/200/200" alt="春季运动会" class="w-full h-full object-cover">
</div>
<div>
<div class="flex items-center text-neutral/60 text-sm mb-2">
<i class="fa fa-calendar mr-2"></i>
<span>2025年4月25日</span>
<span class="mx-2">|</span>
<i class="fa fa-map-marker mr-2"></i>
<span>学校操场</span>
</div>
<h4 class="text-lg font-bold text-neutral mb-2">我校成功举办2025年春季运动会</h4>
<p class="text-neutral/70 text-sm">
4月25日,我校2025年春季运动会在学校操场隆重举行。本次运动会共有20个班级的800余名学生参加了100米、200米、400米、800米、1500米、跳远、跳高、铅球等项目的比赛。
</p>
</div>
</div>
<-- 活动3 --
<div class="flex flex-col sm:flex-row gap-4 p-4 bg-base-200 rounded-lg hover:shadow-md transition-shadow">
<div class="w-full sm:w-20 h-20 rounded-lg overflow-hidden flex-shrink-0">
<img src="https://picsum.photos/id/23/200/200" alt="科技节" class="w-full h-full object-cover">
</div>
<div>
<div class="flex items-center text-neutral/60 text-sm mb-2">
<i class="fa fa-calendar mr-2"></i>
<span>2025年3月18日</span>
<span class="mx-2">|</span>
<i class="fa fa-map-marker mr-2"></i>
<span>科学实验室</span>
</div>
<h4 class="text-lg font-bold text-neutral mb-2">我校举办2025年科技节活动</h4>
<p class="text-neutral/70 text-sm">
3月18日,我校举办了2025年科技节活动。本次科技节以"科技创新,引领未来"为主题,开展了科技展览、科技讲座、科技实验等一系列丰富多彩的活动,激发了学生们对科学技术的兴趣和热爱。
</p>
</div>
</div>
</div>
<div class="text-center mt-8">
<a href="#" class="inline-flex items-center text-primary font-semibold hover:text-primary/80 transition-colors">
查看更多活动 <i class="fa fa-long-arrow-right ml-2"></i>
</a>
</div>
</div>
<div>
<h3 class="text-xl font-bold text-neutral mb-6">校园公告</h3>
<div class="space-y-4">
<div class="p-4 bg-primary/5 rounded-lg border-l-4 border-primary">
<h4 class="font-bold text-primary mb-2">关于2025年暑假放假安排的通知</h4>
<p class="text-neutral/70 text-sm mb-2">根据上级教育部门的通知,结合我校实际情况,现将2025年暑假放假安排通知如下:</p>
<div class="text-neutral/60 text-sm">
<p>放假时间:2025年7月10日-8月31日</p>
<p>开学时间:2025年9月1日</p>
</div>
</div>
<div class="p-4 bg-secondary/5 rounded-lg border-l-4 border-secondary">
<h4 class="font-bold text-secondary mb-2">2025年秋季学期招生公告</h4>
<p class="text-neutral/70 text-sm mb-2">我校2025年秋季学期招生工作即将开始,现将有关事项公告如下:</p>
<div class="text-neutral/60 text-sm">
<p>招生对象:小学应届毕业生</p>
<p>报名时间:2025年6月15日-6月30日</p>
<p>报名方式:网上报名</p>
</div>
</div>
<div class="p-4 bg-accent/5 rounded-lg border-l-4 border-accent">
<h4 class="font-bold text-accent mb-2">关于开展"书香校园"读书活动的通知</h4>
<p class="text-neutral/70 text-sm mb-2">为了营造浓厚的校园文化氛围,提高学生的阅读兴趣和阅读能力,学校决定开展"书香校园"读书活动,现将有关事项通知如下:</p>
<div class="text-neutral/60 text-sm">
<p>活动时间:2025年6月-12月</p>
<p>活动内容:读书分享会、读书笔记评选、读书征文比赛等</p>
</div>
</div>
</div>
</div>
</div-->
</div>
</section>
<!-- 校园文化 -->
<section id="culture" class="py-20 bg-base-200">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<h2 class="text-[clamp(1.8rem,3vw,2.5rem)] font-bold text-neutral mb-4">校园文化</h2>
<div class="w-20 h-1 bg-primary mx-auto mb-6"></div>
<p class="text-lg text-neutral/70 max-w-3xl mx-auto">
丰富多彩的校园文化活动,为学生提供了展示自我、发展个性的平台。
</p>
</div>
<!-- 学校特色 -->
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-16">
<div class="bg-white p-6 rounded-xl shadow-md card-hover">
<div class="w-16 h-16 bg-primary/10 rounded-lg flex items-center justify-center mb-6">
<i class="fa fa-graduation-cap text-3xl text-primary"></i>
</div>
<h3 class="text-xl font-bold text-neutral mb-3">素质教育</h3>
<p class="text-neutral/70">
注重学生全面发展,培养学生的创新精神和实践能力,促进学生综合素质的提升。
</p>
</div>
<div class="bg-white p-6 rounded-xl shadow-md card-hover">
<div class="w-16 h-16 bg-secondary/10 rounded-lg flex items-center justify-center mb-6">
<i class="fa fa-book text-3xl text-secondary"></i>
</div>
<h3 class="text-xl font-bold text-neutral mb-3">特色课程</h3>
<p class="text-neutral/70">
开设了丰富多彩的校本课程,如科技创新、艺术鉴赏、体育健身等,满足学生多样化的学习需求。
</p>
</div>
<div class="bg-white p-6 rounded-xl shadow-md card-hover">
<div class="w-16 h-16 bg-accent/10 rounded-lg flex items-center justify-center mb-6">
<i class="fa fa-users text-3xl text-accent"></i>
</div>
<h3 class="text-xl font-bold text-neutral mb-3">社团活动</h3>
<p class="text-neutral/70">
拥有多个学生社团,如文学社、科技社、艺术社、体育社等,为学生提供了广阔的发展空间。
</p>
</div>
<div class="bg-white p-6 rounded-xl shadow-md card-hover">
<div class="w-16 h-16 bg-neutral/10 rounded-lg flex items-center justify-center mb-6">
<i class="fa fa-heart text-3xl text-neutral"></i>
</div>
<h3 class="text-xl font-bold text-neutral mb-3">心理健康</h3>
<p class="text-neutral/70">
重视学生心理健康教育,设有心理咨询室,配备专业心理教师,为学生提供心理健康咨询服务。
</p>
</div>
</div>
<!-- 校园照片 -->
<div class="mb-16">
<h3 class="text-2xl font-bold text-neutral mb-8 text-center">校园风采</h3>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
<div class="rounded-xl overflow-hidden shadow-md h-48 group relative cursor-pointer">
<img src="/assets/work/schoolbuilding.png" alt="学校教学楼" class="w-full h-full object-cover object-center group-hover:scale-110 transition-transform duration-500">
<div class="absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center">
<span class="text-white font-semibold">教学楼</span>
</div>
</div>
<div class="rounded-xl overflow-hidden shadow-md h-48 group relative cursor-pointer">
<img src="/assets/work/basketballcourt.png" alt="学校篮球场" class="w-full h-full object-cover object-center group-hover:scale-110 transition-transform duration-500">
<div class="absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center">
<span class="text-white font-semibold">篮球场</span>
</div>
</div>
<div class="rounded-xl overflow-hidden shadow-md h-48 group relative cursor-pointer">
<img src="/assets/work/games.png" alt="学校运动室" class="w-full h-full object-cover object-center group-hover:scale-110 transition-transform duration-500">
<div class="absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center">
<span class="text-white font-semibold">运动会</span>
</div>
</div>
<div class="rounded-xl overflow-hidden shadow-md h-48 group relative cursor-pointer">
<img src="/assets/work/power.png" alt="权威" class="w-full h-full object-cover object-center group-hover:scale-110 transition-transform duration-500">
<div class="absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center">
<span class="text-white font-semibold">权威</span>
</div>
</div>
<div class="rounded-xl overflow-hidden shadow-md h-48 group relative cursor-pointer">
<img src="/assets/work/hub.png" alt="门" class="w-full h-full object-cover object-center group-hover:scale-110 transition-transform duration-500">
<div class="absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center">
<span class="text-white font-semibold">门</span>
</div>
</div>
<div class="rounded-xl overflow-hidden shadow-md h-48 group relative cursor-pointer">
<img src="/assets/work/playground.png" alt="学校操场" class="w-full h-full object-cover object-center group-hover:scale-110 transition-transform duration-500">
<div class="absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center">
<span class="text-white font-semibold">操场</span>
</div>
</div>
<div class="rounded-xl overflow-hidden shadow-md h-48 group relative cursor-pointer">
<img src="/assets/work/agriculturaltraining.jpg" alt="农训" class="w-full h-full object-cover object-center group-hover:scale-110 transition-transform duration-500">
<div class="absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center">
<span class="text-white font-semibold">农训</span>
</div>
</div>
<div class="rounded-xl overflow-hidden shadow-md h-48 group relative cursor-pointer">
<img src="/assets/work/lawruleducation.png" alt="法制教育" class="w-full h-full object-cover object-center group-hover:scale-110 transition-transform duration-500">
<div class="absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center">
<span class="text-white font-semibold">法制教育</span>
</div>
</div>
</div>
</div>
<!-- 学生活动 -->
<div>
<h3 class="text-2xl font-bold text-neutral mb-8 text-center">学生活动</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div class="bg-white rounded-xl overflow-hidden shadow-md">
<div class="relative h-64 overflow-hidden">
<img src="/assets/societies/it.png" alt="信息技术" class="w-full h-full object-cover object-center">
</div>
<div class="p-6">
<h4 class="text-xl font-bold text-neutral mb-3">信息技术</h4>
<p class="text-neutral/70 mb-4">
科技社团是我校最具活力的社团之一,由热爱科学技术的学生组成。社团定期开展科技创新活动,如机器人编程、无人机操控、3D打印等,培养学生的创新精神和实践能力。
</p>
<div class="flex flex-wrap gap-2 mb-4">
<span class="px-3 py-1 bg-primary/10 text-primary rounded-full text-sm">Flash</span>
<span class="px-3 py-1 bg-primary/10 text-primary rounded-full text-sm">PPT</span>
<span class="px-3 py-1 bg-primary/10 text-primary rounded-full text-sm">编程</span>
</div>
</div>
</div>
<div class="bg-white rounded-xl overflow-hidden shadow-md">
<div class="relative h-64 overflow-hidden">
<img src="/assets/societies/art.png" alt="美术社团" class="w-full h-full object-cover object-center">
</div>
<div class="p-6">
<h4 class="text-xl font-bold text-neutral mb-3">美术社团</h4>
<p class="text-neutral/70 mb-4">
美术老师亲自示范、指导学生,为他们细致讲解绘画的技巧。学生们听得津津有味,近距离感受了绘画的魅力,激发了他们学习绘画的兴趣。一条线、一点墨、一抹红,学生们用自己的双手描绘出心中的美好,体验到了创作带来的成功和乐趣。让孩子们在美术的天地中发掘更多美的元素,让每名学生在艺术的海洋中不断前行、幸福成长。
</p>
<div class="flex flex-wrap gap-2 mb-4">
<span class="px-3 py-1 bg-secondary/10 text-secondary rounded-full text-sm">艺术创作</span>
<span class="px-3 py-1 bg-secondary/10 text-secondary rounded-full text-sm">美术</span>
<span class="px-3 py-1 bg-secondary/10 text-secondary rounded-full text-sm">绘画</span>
</div>
<!--a href="#" class="inline-flex items-center text-primary font-semibold hover:text-primary/80 transition-colors">
了解更多 <i class="fa fa-long-arrow-right ml-2"></i>
</a-->
</div>
</div>
<div class="bg-white rounded-xl overflow-hidden shadow-md">
<div class="relative h-64 overflow-hidden">
<img src="/assets/societies/football.png" alt="足球社团" class="w-full h-full object-cover object-center">
</div>
<div class="p-6">
<h4 class="text-xl font-bold text-neutral mb-3">足球社团</h4>
<p class="text-neutral/70 mb-4">
足球,不仅能锻炼学生的体魄,还能提高学生的合作意识,缓解压力,促进骨骼发育,更有助于智力的发展。足球运动赋予校方的价值是:参与足球运动的学生能学到团队协作精神,学会与人沟通能力,提升社交能力,通过参与比赛使学生学会遵守规则、尊重对手,团结、宽容、自信的性格,学会如何面对竞争、参与公平竞争、解决问题的能力,也是希望学生在今后的学习与生活中,像对待足球的热爱一般去对待自己的学习与生活!
</p>
<div class="flex flex-wrap gap-2 mb-4">
<span class="px-3 py-1 bg-accent/10 text-accent rounded-full text-sm">体育运动</span>
<span class="px-3 py-1 bg-accent/10 text-accent rounded-full text-sm">团队协作</span>
<span class="px-3 py-1 bg-accent/10 text-accent rounded-full text-sm">合作精神</span>
</div>
</div>
</div>
<div class="bg-white rounded-xl overflow-hidden shadow-md">
<div class="relative h-64 overflow-hidden">
<img src="/assets/societies/basketball.png" alt="篮球社团" class="w-full h-full object-cover object-center">
</div>
<div class="p-6">
<h4 class="text-xl font-bold text-neutral mb-3">篮球社团</h4>
<p class="text-neutral/70 mb-4">
篮球兴趣小组的开展既锻炼了学生的意志品质,又培养了学生的注意力和团队合作精神,促进身体素质发展,培养体育竞技的规则意识。学生通过自己的认真模仿、练习,找到学习的乐趣,在学中玩,玩中练,在减轻学生课业负担的同时,在繁忙的学习生活增添了快乐,增添了活力。
</p>
<div class="flex flex-wrap gap-2 mb-4">
<span class="px-3 py-1 bg-neutral/10 text-neutral rounded-full text-sm">体育运动</span>
<span class="px-3 py-1 bg-neutral/10 text-neutral rounded-full text-sm">团队协作</span>
<span class="px-3 py-1 bg-neutral/10 text-neutral rounded-full text-sm">合作精神</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 招生信息 -->
<section id="admission" class="py-20 bg-white">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<h2 class="text-[clamp(1.8rem,3vw,2.5rem)] font-bold text-neutral mb-4">招生信息</h2>
<div class="w-20 h-1 bg-primary mx-auto mb-6"></div>
<p class="text-lg text-neutral/70 max-w-3xl mx-auto">
欢迎入学天津市武清区杨村第八中学,这里有本区前五优质的教育资源和良好的学习环境。
</p>
</div>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
<div class="lg:col-span-2">
<div class="bg-base-200 rounded-xl overflow-hidden shadow-md">
<div class="bg-primary text-white p-6">
<h3 class="text-2xl font-bold">2024年 招生公告</h3>
<p class="text-white/80 mt-2">照天津市教委和武清区教育局关于2024年初中招生入学和中途转学工作相关文件要求,结合本校实际,现将我校本年度暑期招生入学、中途转学工作公告如下:</p>
</div>
<div class="p-6">
<h4 class="text-xl font-bold text-neutral mb-3">一、结合我校实际,制定《杨村第八中学2024年小升初招生简章》如下:</h4>
<div class="space-y-6">
<div>
<h4 class="text-xl font-bold text-neutral mb-3">(一)服务区范围</h4>
<p class="text-neutral/70">
符合我校入学条件的六年级在籍毕业学生。主要包括鸿泽花园、观湖花园(商住除外)、尚园小区、香江广场(商住除外)、新湾花园小区、五一阳光(御园、锦园)、慧翔龙苑、汇锦新园、潞河苑、紫金商业广场(商住除外)、二号道电力公寓(二号道供电局宿舍)、春江郦城、王庄(拆迁未还迁户)。
</p>
</div>
<div>
<h4 class="text-xl font-bold text-neutral mb-3">(二)报名条件</h4>
<p class="text-neutral/70">
<ol class="list-decimal list-inside text-neutral/70 space-y-2">
<li>本服务区户籍学生,学生父母在本服务区有合法固定的产权住房,学生户籍与其父母在同一户口本上。</li>
<li>本服务区户籍的外省回津学生。</li>
</ol>
<p class="text-neutral/70">
<b class="font-bold">有关学位控制提示:</b>
<ol class="list-decimal list-inside text-neutral/70 space-y-2">
<li>服务片区内,每户房产在学制时限内只对应一个学位;如为双胞胎或符合国家生育政策的二胎,也可在我校同时入学或转学。</li>
<li>同一房产入学资格已被使用且仍处于占用状态,房产过户后新的产权人子女不得在我校入学或转学,由区教育局统筹安置;使用同一房产入学资格的学生已从学校转出的,房产过户后新的产权人子女可在我校入学或转学。</li>
<li>服务片区内随迁子女,其监护人可登陆“<a href="https://wqzsbm.tjwq.gov.cn/" target="_blank">天津市武清区招生报名系统</a>”进行登记,我校也负责线下登记审验,由区教育局统筹安置到学位充足的公办学校就读。</li>
</ol>
</p>
</p>
</div>
<div>
<h4 class="text-xl font-bold text-neutral mb-3">(三)报名时间及流程</h4>
<ol class="list-decimal list-inside text-neutral/70 space-y-2">
<li>6月20日学校向社会公布招生简章。</li>
<li>6月16日至6月28日我校对招生报名系统登记信息进行初审,届时会通过短信通知家长初审结果和线下审验的具体时间。</li>
<li>线下审验。6月29日至6月30日,家长携带有关资料到学校现场审验入学资格。学校将安排错峰、错时审验,具体时间安排以收到学校信息通知为准。(上午8:00-11:30,下午14:00—17:00)</li>
</ol>
<p class="text-neutral/70">
<b class="font-bold">特殊情况补报说明:</b>
<ol class="list-decimal list-inside text-neutral/70 space-y-2">
<li>6月30日前未取得武清户籍或者房产证的学生,学校可安排学生家长于秋季正式开学前,携带有关资料到现场进行信息补登记及核验入学资格、注册报名,时间另行通知。</li>
</ol>
</p>
</div>
<div>
<h4 class="text-xl font-bold text-neutral mb-3">(四)线下审验地点 </h4>
<p class="text-neutral/70 mb-3">
<strong>小升初:</strong>行政楼二楼小会议室
</p>
<p class="text-neutral/70 mb-3">
<strong>8、9年级转学:</strong>办公楼二楼教务处
</p>
</div>
<div>
<h4 class="text-xl font-bold text-neutral mb-3">(五)需提供的证件材料</h4>
<ol class="list-decimal list-inside text-neutral/70 space-y-2">
<li>武清区小学毕业生需提供:户口本和房主为学生父母的房产证原件及复印件(户口本首页、户主页、学生页以及房产证地址页复印件)、房产信息查询单(房主签字)、“诚信承诺书”一式两份、《天津市初中入学信息登记表》。</li>
<li>凡学籍在外省市并且已经取得本服务区户籍(含蓝印)的小学六年级应届毕业生,需提供:武清区户口簿、房产证原件及复印件,房产信息查询单(房主签字),并提供学生全国系统学籍号(G或L+18位数字),务必确保准确无误。</li>
</ol>
</div>
</div>
<h4 class="text-xl font-bold text-neutral mb-3">二、结合我校实际,制定《杨村第八中学2024年暑期新八、九年级中途转学》公告如下:</h4>
<div class="space-y-6">
<div>
<p class="text-neutral/70">
服务区内武清户籍(含蓝印)学生:户口本和房主为学生父母的房产证原件及复印件(户口本首页、户主页、学生页以及房产证地址页复印件)、房产信息查询单(房主签字)等。
</p>
<ol class="list-decimal list-inside text-neutral/70 space-y-2">
<b class="font-bold">注:</b>
<li><b class="font-bold">线下审验</b>7月1日,家长携带有关资料到学校现场审验入学资格。学校将安排错峰、错时审验,具体时间安排以收到学校信息通知为准。(上午8:00-11:30,下午14:00—17:00)</li>
<li>区内中途转学登记仅办理在本学段内因新购房产住址或户籍变更提出的转学需求,其他情形不予办理。</li>
<li>跨省回津学生还需准备学生的全国学籍号(G或L+18位数字)</li>
</ol>
</div>
</div>
<h4 class="text-xl font-bold text-neutral mb-3">三、咨询电话</h4>
<div class="space-y-6">
<div>
<p class="text-neutral/70">
学校招生咨询电话:022-82962678(工作日上午8:00-11:00,下午2:30-5:00)
</p>
</div>
</div>
<div class="mt-8 bg-primary/5 p-4 rounded-lg">
<h4 class="font-bold text-primary mb-2">温馨提示</h4>
<p class="text-neutral/70 text-sm">
1. 线下报名登记时,学校将留存相关证件复印件,因学校资源有限,需逐一复印,请家长提前复印相关材料。
<br>
2. 线上报名不会操作或由于特殊原因未进行线上报名的学生,可拨打学校咨询电话022-82962678进行预约。按照学校安排的预约时间,直接到学校进行线下报名。
<br>
3. 如遇特殊情况,学校会第一时间通过学校官网(公众号)发布公告,请大家随时关注微信公众号:武清区杨村第八中学。
<br>
4. 是否具有入学就读资格以线下最终审验为准。
</p>
</div>
</div>
</div>
<div class="mt-8 grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="bg-base-200 rounded-xl overflow-hidden shadow-md">
<div class="p-6">
<h4 class="text-xl font-bold text-neutral mb-4 flex items-center">
<i class="fa fa-question-circle text-primary mr-2"></i> 常见问题
</h4>
<div class="space-y-4">
<div>
<h5 class="font-semibold text-neutral mb-2">1. 如何查询录取结果?</h5>
<p class="text-neutral/70 text-sm">
请关注学校通知,也可通过"<a href="https://wqzsbm.tjwq.gov.cn/" target="_blank">天津市武清区招生报名系统</a>"查询。
</p>
</div>
<div>
<h5 class="font-semibold text-neutral mb-2">2. 什么时候开始报到?</h5>
<p class="text-neutral/70 text-sm">
报到时间不定,请关注学校通知。
</p>
</div>
<div>
<h5 class="font-semibold text-neutral mb-2">3. 学校提供住宿吗?</h5>
<p class="text-neutral/70 text-sm">
学校原则上不提供住宿,可向学校提出申请,经校方通过后可以安排住宿(非极特殊情况,校方大概不会通过)。
</p>
</div>
<div>
<h5 class="font-semibold text-neutral mb-2">4. 学校中会受到霸凌吗?</h5>
<p class="text-neutral/70 text-sm">
本校的校风校纪实行良好,学校重视学生的个人发展、情感问题、身心健康、霸凌问题。<br>
校内几乎不存在霸凌事件,学校严格遵守国家法律,如果出现霸凌问题,学校对于发生的问题绝不姑息。
</p>
</div>
<div>
<h5 class="font-semibold text-neutral mb-2">5. 学校师资力量怎么样?</h5>
<p class="text-neutral/70 text-sm">
杨村第八中学师资力量强劲,2022年中考杨村一中录取率达10.7%(62人),稳居武清区初中校前五名。
</p>
</div>
</div>
<a href="#" class="inline-flex items-center text-primary font-semibold hover:text-primary/80 transition-colors mt-4">
查看更多问题 <i class="fa fa-long-arrow-right ml-2"></i>
</a>
</div>
</div>
<div class="bg-base-200 rounded-xl overflow-hidden shadow-md">
<div class="p-6">
<h4 class="text-xl font-bold text-neutral mb-4 flex items-center">
<i class="fa fa-calendar text-primary mr-2"></i> 招生日程
</h4>
<div class="space-y-4">
<div class="flex">
<div class="bg-primary text-white text-center w-16 h-16 rounded-lg flex-shrink-0 flex flex-col items-center justify-center">
<span class="text-sm font-semibold">6月</span>
<span class="text-lg font-bold">20日</span>
</div>
<div class="ml-4">
<h5 class="font-semibold text-neutral">学校向社会公布招生简章</h5>
<p class="text-neutral/70 text-sm">家长登录"<a href="https://wqzsbm.tjwq.gov.cn/" target="_blank">天津市武清区招生报名系统</a>"进行报名</p>
</div>
</div>
<div class="flex">
<div class="bg-primary text-white text-center w-16 h-16 rounded-lg flex-shrink-0 flex flex-col items-center justify-center">
<span class="text-sm font-semibold">6月</span>
<span class="text-lg font-bold">16-28</span>
</div>
<div class="ml-4">
<h5 class="font-semibold text-neutral">初审</h5>
<p class="text-neutral/70 text-sm">我校对招生报名系统登记信息进行初审,届时会通过短信通知家长初审结果和线下审验的具体时间。</p>
</div>
</div>
<div class="flex">
<div class="bg-primary text-white text-center w-16 h-16 rounded-lg flex-shrink-0 flex flex-col items-center justify-center">
<span class="text-sm font-semibold">6月</span>
<span class="text-lg font-bold">29-30</span>
</div>
<div class="ml-4">
<h5 class="font-semibold text-neutral">线下审验</h5>
<p class="text-neutral/70 text-sm">家长携带有关资料到学校现场审验入学资格。学校将安排错峰、错时审验,具体时间安排以收到学校信息通知为准。(上午8:00-11:30,下午14:00—17:00)</p>
</div>
</div>
<div class="flex">
<div class="bg-primary text-white text-center w-16 h-16 rounded-lg flex-shrink-0 flex flex-col items-center justify-center">
<span class="text-sm font-semibold">7月</span>
<span class="text-lg font-bold">1日</span>
</div>
<div class="ml-4">
<h5 class="font-semibold text-neutral">八、九年级转学线下审验</h5>
<p class="text-neutral/70 text-sm">家长携带有关资料到学校现场审验入学资格。学校将安排错峰、错时审验,具体时间安排以收到学校信息通知为准。(上午8:00-11:30,下午14:00—17:00)</p>
</div>
</div>
<div class="flex">
<div class="bg-primary text-white text-center w-16 h-16 rounded-lg flex-shrink-0 flex flex-col items-center justify-center">
<span class="text-sm font-semibold">7月</span>
<span class="text-lg font-bold">某日</span>
</div>
<div class="ml-4">
<h5 class="font-semibold text-neutral">公布录取结果</h5>
<p class="text-neutral/70 text-sm">学校发布录取结果</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="bg-primary text-white rounded-xl overflow-hidden shadow-md mb-8">
<div class="p-6">
<h3 class="text-2xl font-bold mb-4">入学指南</h3>
<div class="space-y-4">
<div class="flex items-start">
<div class="w-10 h-10 rounded-full bg-white/20 flex items-center justify-center mr-4 flex-shrink-0">
<i class="fa fa-graduation-cap"></i>
</div>
<div>
<h4 class="font-semibold">新生入学准备</h4>
<p class="text-white/80 text-sm">
了解初中学习生活特点,做好心理准备;准备好学习用品和生活用品;调整作息时间,养成良好的生活习惯。
</p>
</div>
</div>
<div class="flex items-start">
<div class="w-10 h-10 rounded-full bg-white/20 flex items-center justify-center mr-4 flex-shrink-0">
<i class="fa fa-book"></i>
</div>
<div>
<h4 class="font-semibold">课程设置</h4>
<p class="text-white/80 text-sm">
初中阶段开设语文、数学、英语、生物、道法、历史、地理、体育等课程,同时还有音乐、美术、课后服务与兴趣小组。
</p>
</div>
</div>
<div class="flex items-start">
<div class="w-10 h-10 rounded-full bg-white/20 flex items-center justify-center mr-4 flex-shrink-0">
<i class="fa fa-users"></i>
</div>
<div>
<h4 class="font-semibold">社团活动</h4>
<p class="text-white/80 text-sm">
学校设有多个学生社团,涵盖信息、文学、美术、体育等多个领域,学生可以根据自己的兴趣爱好选择参加。
</p>
</div>
</div>
<div class="flex items-start">
<div class="w-10 h-10 rounded-full bg-white/20 flex items-center justify-center mr-4 flex-shrink-0">
<i class="fa fa-map-marker"></i>
</div>
<div>
<h4 class="font-semibold">校园环境</h4>
<p class="text-white/80 text-sm">
学校占地面积30,277平方米,建筑面积15,969平方米,拥有现代化的教学楼、行政楼、体育馆、操场等设施。
</p>
</div>
</div>
</div>
<a href="/files/天津市武清区杨村第八中学入学指南.docx" class="inline-block mt-6 px-6 py-3 bg-white text-primary font-semibold rounded-lg shadow-md hover:bg-base-300 transition-colors" target="_blank">
下载完整指南
</a>
</div>
</div>
<div class="bg-base-200 rounded-xl overflow-hidden shadow-md">
<div class="p-6">
<h3 class="text-xl font-bold text-neutral mb-4">联系校方</h3>
<div class="space-y-4">
<div class="flex items-center">
<div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center mr-4 flex-shrink-0">
<i class="fa fa-phone text-primary"></i>
</div>
<div>
<h4 class="font-semibold text-neutral">招生咨询电话</h4>
<p class="text-neutral/70">022-82962678</p>
</div>
</div>
<!--div class="flex items-center">
<div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center mr-4 flex-shrink-0">
<i class="fa fa-envelope text-primary"></i>
</div>
<div>
<h4 class="font-semibold text-neutral">电子邮箱</h4>
<p class="text-neutral/70">zhaosheng@ycbz.com</p>
</div>
</div-->
<div class="flex items-center">
<div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center mr-4 flex-shrink-0">
<i class="fa fa-map-marker text-primary"></i>
</div>
<div>
<h4 class="font-semibold text-neutral">学校地址</h4>
<p class="text-neutral/70">天津市武清区杨村街道前进道200号</p>
</div>
</div>
<div class="flex items-center">
<div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center mr-4 flex-shrink-0">
<i class="fa fa-clock text-primary"></i>
</div>
<div>
<h4 class="font-semibold text-neutral">办公时间</h4>
<p class="text-neutral/70">周一至周五 8:30-17:30</p>
</div>
</div>
</div>
</div>
</div>
<div class="mt-8 bg-white rounded-xl overflow-hidden shadow-md border border-base-300">
<div class="p-6">
<h3 class="text-xl font-bold text-neutral mb-4">下载中心</h3>
<div class="space-y-4">
<div class="flex items-center p-3 bg-base-200 rounded-lg hover:bg-primary/5 transition-colors cursor-pointer">
<div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center mr-4 flex-shrink-0">
<i class="fa fa-file-pdf text-primary"></i>
</div>
<div class="flex-1">
<h4 class="font-semibold text-neutral">2024年招生简章</h4>
<p class="text-neutral/70 text-sm">DOCX格式 | 16.6KB</p>
</div>
<div class="ml-4">
<button class="w-8 h-8 bg-primary/10 text-primary rounded-lg flex items-center justify-center hover:bg-primary hover:text-white transition-colors" onclick="window.open('/files/天津市杨村第八中学2024小升初招生及转学公告.docx');">
<i class="fa fa-download"></i>
</button>
</div>
</div>
<div class="flex items-center p-3 bg-base-200 rounded-lg hover:bg-primary/5 transition-colors cursor-pointer">
<div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center mr-4 flex-shrink-0">
<i class="fa fa-file-pdf text-primary"></i>
</div>
<div class="flex-1">
<h4 class="font-semibold text-neutral">家长须知</h4>
<p class="text-neutral/70 text-sm">DOCX格式 | 22.2KB</p>
</div>
<div class="ml-4">
<button class="w-8 h-8 bg-primary/10 text-primary rounded-lg flex items-center justify-center hover:bg-primary hover:text-white transition-colors" onclick="window.open('/files/天津市武清区杨村第八中学家长须知.docx');">
<i class="fa fa-download"></i>
</button>
</div>
</div>
<div class="flex items-center p-3 bg-base-200 rounded-lg hover:bg-primary/5 transition-colors cursor-pointer">
<div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center mr-4 flex-shrink-0">
<i class="fa fa-file-pdf text-primary"></i>
</div>
<div class="flex-1">
<h4 class="font-semibold text-neutral">入学指南</h4>
<p class="text-neutral/70 text-sm">DOCX格式 | 26.2KB</p>
</div>
<div class="ml-4">
<button class="w-8 h-8 bg-primary/10 text-primary rounded-lg flex items-center justify-center hover:bg-primary hover:text-white transition-colors" onclick="window.open('/files/天津市武清区杨村第八中学入学指南.docx');">
<i class="fa fa-download"></i>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 联系校方 -->
<section id="contact" class="py-20 bg-base-200">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<h2 class="text-[clamp(1.8rem,3vw,2.5rem)] font-bold text-neutral mb-4">联系校方</h2>
<div class="w-20 h-1 bg-primary mx-auto mb-6"></div>
<p class="text-lg text-neutral/70 max-w-3xl mx-auto">
如有任何疑问或建议,请随时与工作室或校方联系,我们将竭诚为您服务。
</p>
</div>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12">
<div>
<div class="bg-white rounded-xl shadow-md p-8 mb-8">
<h3 class="text-2xl font-bold text-neutral mb-6">联系方式</h3>
<div class="space-y-6">
<div class="flex items-start">
<div class="w-12 h-12 bg-primary/10 rounded-lg flex items-center justify-center mr-4 flex-shrink-0">
<i class="fa fa-map-marker text-2xl text-primary"></i>
</div>
<div>
<h4 class="text-xl font-semibold text-neutral mb-1">统一社会信用代码</h4>
<p class="text-neutral/70">
12120222583298362U
</p>
</div>
</div>
<div class="flex items-start">
<div class="w-12 h-12 bg-primary/10 rounded-lg flex items-center justify-center mr-4 flex-shrink-0">
<i class="fa fa-map-marker text-2xl text-primary"></i>
</div>
<div>
<h4 class="text-xl font-semibold text-neutral mb-1">学校地址</h4>
<p class="text-neutral/70">
天津市武清区杨村街道前进道200号
</p>
</div>
</div>
<div class="flex items-start">
<div class="w-12 h-12 bg-primary/10 rounded-lg flex items-center justify-center mr-4 flex-shrink-0">
<i class="fa fa-phone text-2xl text-primary"></i>
</div>
<div>
<h4 class="text-xl font-semibold text-neutral mb-1">联系电话</h4>
<p class="text-neutral/70">
学校招生咨询电话:022-82962678
<br>
机构电话:022-82962536
</p>
</div>
</div>
<div class="flex items-start">
<div class="w-12 h-12 bg-primary/10 rounded-lg flex items-center justify-center mr-4 flex-shrink-0">
<i class="fa fa-envelope text-2xl text-primary"></i>
</div>
<div>
<h4 class="text-xl font-semibold text-neutral mb-1">电子邮箱</h4>
<p class="text-neutral/70">
工作室站长邮箱:wyt18222152539wyt@163.com
<!--br>
招生邮箱:zhaosheng@ycbz.com
<br>
校长邮箱:xiaozhang@ycbz.com-->
</p>
</div>
</div>
<div class="flex items-start">
<div class="w-12 h-12 bg-primary/10 rounded-lg flex items-center justify-center mr-4 flex-shrink-0">
<i class="fa fa-clock text-2xl text-primary"></i>
</div>
<div>
<h4 class="text-xl font-semibold text-neutral mb-1">办公时间</h4>
<p class="text-neutral/70">
周一至周五:19:00-22:30
<br>
周六至周日:08:00-22:30
</p>
</div>
</div>
</div>
</div>
<div class="bg-white rounded-xl shadow-md p-8">
<h3 class="text-2xl font-bold text-neutral mb-6">关注学校</h3>
<p class="text-neutral/70 mb-6">
关注学校官方微信公众号,及时了解学校最新动态和活动信息。
</p>
<div class="flex space-x-4 mb-8">
<!--a href="#" class="w-12 h-12 bg-[#07C160] text-white rounded-full flex items-center justify-center hover:bg-[#05A656] transition-colors">
<i class="fa fa-weixin text-xl"></i>
</a>
<a href="#" class="w-12 h-12 bg-[#E6162D] text-white rounded-full flex items-center justify-center hover:bg-[#CC1428] transition-colors">
<i class="fa fa-weibo text-xl"></i>
</a>
<a href="#" class="w-12 h-12 bg-[#1DA1F2] text-white rounded-full flex items-center justify-center hover:bg-[#0D8BD9] transition-colors">
<i class="fa fa-twitter text-xl"></i>
</a>
<a href="#" class="w-12 h-12 bg-[#4267B2] text-white rounded-full flex items-center justify-center hover:bg-[#385898] transition-colors">
<i class="fa fa-facebook text-xl"></i>
</a>
<a href="#" class="w-12 h-12 bg-[#FF0000] text-white rounded-full flex items-center justify-center hover:bg-[#E60000] transition-colors">
<i class="fa fa-youtube-play text-xl"></i>
</a>-->
</div>
<div class="flex flex-wrap gap-4">
<div class="bg-base-200 p-4 rounded-lg">
<h4 class="font-semibold text-neutral mb-2">微信公众号</h4>
<div class="w-40 h-40 bg-white p-2 rounded-lg">
<img src="/assets/image/wx.png" alt="微信公众号二维码" class="w-full h-full object-cover">
</div>
</div>
</div>
</div>
</div>
<!--div>
<div class="bg-white rounded-xl shadow-md p-8">
<h3 class="text-2xl font-bold text-neutral mb-6">留言反馈</h3>
<p class="text-neutral/70 mb-6">
如果您有任何问题或建议,请填写以下表单,校方将尽快回复您。
</p>
<form>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
<div>
<label for="name" class="block text-neutral font-medium mb-2">姓名</label>
<input type="text" id="name" class="w-full px-4 py-3 rounded-lg border border-base-300 focus:outline-none focus:ring-2 focus:ring-primary/50 focus:border-primary transition-colors" placeholder="请输入您的姓名">
</div>
<div>
<label for="phone" class="block text-neutral font-medium mb-2">电话</label>
<input type="tel" id="phone" class="w-full px-4 py-3 rounded-lg border border-base-300 focus:outline-none focus:ring-2 focus:ring-primary/50 focus:border-primary transition-colors" placeholder="请输入您的电话">
</div>
</div>
<div class="mb-6">
<label for="email" class="block text-neutral font-medium mb-2">邮箱</label>
<input type="email" id="email" class="w-full px-4 py-3 rounded-lg border border-base-300 focus:outline-none focus:ring-2 focus:ring-primary/50 focus:border-primary transition-colors" placeholder="请输入您的邮箱">
</div>
<div class="mb-6">
<label for="subject" class="block text-neutral font-medium mb-2">主题</label>
<select id="subject" class="w-full px-4 py-3 rounded-lg border border-base-300 focus:outline-none focus:ring-2 focus:ring-primary/50 focus:border-primary transition-colors">
<option value="">请选择留言主题</option>
<option value="admission">招生咨询</option>
<option value="teaching">教学建议</option>
<option value="life">生活服务</option>
<option value="facility">设施建设</option>
<option value="other">其他建议</option>
</select>
</div>
<div class="mb-6">
<label for="message" class="block text-neutral font-medium mb-2">留言内容</label>
<textarea id="message" rows="5" class="w-full px-4 py-3 rounded-lg border border-base-300 focus:outline-none focus:ring-2 focus:ring-primary/50 focus:border-primary transition-colors" placeholder="请输入您的留言内容"></textarea>
</div>
<div class="flex items-center mb-6">
<input type="checkbox" id="agreement" class="w-4 h-4 rounded border border-base-300 text-primary focus:ring-primary/50">
<label for="agreement" class="ml-2 text-neutral/70 text-sm">
我已阅读并同意<a href="#" class="text-primary hover:underline">《隐私政策》</a>
</label>
</div>
<button type="submit" class="w-full px-6 py-3 bg-primary text-white font-semibold rounded-lg shadow-md hover:bg-primary/90 transition-colors">
提交留言
</button>
</form>
</div-->
<div class="mt-8 bg-white rounded-xl shadow-md p-8">
<h3 class="text-2xl font-bold text-neutral mb-6">学校地图</h3>
<div class="h-[90%] bg-base-200 rounded-lg overflow-hidden relative">
<a href="https://ditu.amap.com/place/B001611ZXH" target="_blank">
<img class="w-full h-full object-cover" src="/assets/image/map.png" />
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 页脚 -->
<footer class="bg-neutral text-white py-12">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-12">
<div>
<div class="flex items-center space-x-2 mb-6">
<div class="w-10 h-10 rounded-lg flex items-center justify-center">
<img class="text-white font-bold text-xl" src="/assets/image/h.png" />
</div>
<span class="text-xl font-bold">天津市武清区杨村第八中学</span>
</div>
<p class="text-white/70 mb-6">
雍和、至善、勤勉、励志
</p>
<div class="flex space-x-4">
<!--a href="" class="w-10 h-10 bg-white/10 rounded-full flex items-center justify-center hover:bg-primary transition-colors">
<i class="fa fa-weixin"></i>
</a>
<a href="#" class="w-10 h-10 bg-white/10 rounded-full flex items-center justify-center hover:bg-primary transition-colors">
<i class="fa fa-weibo"></i>
</a>
<a href="#" class="w-10 h-10 bg-white/10 rounded-full flex items-center justify-center hover:bg-primary transition-colors">
<i class="fa fa-twitter"></i>
</a>
<a href="#" class="w-10 h-10 bg-white/10 rounded-full flex items-center justify-center hover:bg-primary transition-colors">
<i class="fa fa-facebook"></i>
</a-->
</div>
</div>
<div>
<h4 class="text-lg font-bold mb-6">快速链接</h4>
<ul class="space-y-3">
<li>
<a href="#home" class="text-white/70 hover:text-white transition-colors">首页</a>
</li>
<li>
<a href="#about" class="text-white/70 hover:text-white transition-colors">学校概况</a>
</li>
<li>
<a href="#history" class="text-white/70 hover:text-white transition-colors">学校发展历程</a>
</li>
<li>
<a href="#schoolmaster" class="text-white/70 hover:text-white transition-colors">校长寄语</a>
</li>
<li>
<a href="#schoolrules" class="text-white/70 hover:text-white transition-colors">校风校纪</a>
</li>
<li>
<a href="#teachers" class="text-white/70 hover:text-white transition-colors">师资力量</a>
</li>
<li>
<a href="#news" class="text-white/70 hover:text-white transition-colors">新闻动态</a>
</li>
<li>
<a href="#culture" class="text-white/70 hover:text-white transition-colors">校园文化</a>
</li>
<li>
<a href="#admission" class="text-white/70 hover:text-white transition-colors">招生信息</a>
</li>
<li>
<a href="#contact" class="text-white/70 hover:text-white transition-colors">联系校方</a>
</li>
</ul>
</div>
<div>
<h4 class="text-lg font-bold mb-6">OOPS!</h4>
<ul class="space-y-3">
<li>
<a href="#" class="text-white/70 hover:text-white transition-colors">JavaScript</a>
</li>
<li>
<a href="#" class="text-white/70 hover:text-white transition-colors">did not load</a>
</li>
<li>
<a href="#" class="text-white/70 hover:text-white transition-colors">load</a>
</li>
<li>
<a href="#" class="text-white/70 hover:text-white transition-colors">successfully</a>
</li>
</ul>
</div>
<div>
<h4 class="text-lg font-bold mb-6">OOPS!</h4>
<ul class="space-y-3">
<li>
<a href="#" class="text-white/70 hover:text-white transition-colors">JavaScript</a>
</li>
<li>
<a href="#" class="text-white/70 hover:text-white transition-colors">did not load</a>
</li>
<li>
<a href="#" class="text-white/70 hover:text-white transition-colors">load</a>
</li>
<li>
<a href="#" class="text-white/70 hover:text-white transition-colors">successfully</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<!-- 底部版权信息 -->
<div class="bg-neutral/70 py-4 text-center text-white/70">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<p>
© 2025 银河锋锐软件开发工作室. All rights reserved.
</p>
<p>
<p>
地址:天津市武清区杨村街道前进道200号 | 电话:022-82123456
</p>
</div>
</div>
<script>
const navLinks = document.querySelectorAll('.nav-link');
const allLinks = document.querySelectorAll('a[href^="#"]');
navLinks.forEach(link => {
link.addEventListener('click', function(e) {
e.preventDefault();
const targetId = this.getAttribute('href')
.substring(1);
const targetElement = document.getElementById(targetId);
if (targetElement) {
window.scrollTo({
top: targetElement.offsetTop,
behavior: 'smooth'
});
}
});
});
allLinks.forEach(link => {
link.addEventListener('click', function(e) {
e.preventDefault();
const targetId = this.getAttribute('href')
.substring(1);
const targetElement = document.getElementById(targetId);
if (targetElement) {
window.scrollTo({
top: targetElement.offsetTop,
behavior: 'smooth'
});
}
});
});
const menuBtn = document.getElementById('menuBtn');
const mobileMenu = document.getElementById('mobileMenu');
menuBtn.addEventListener('click', function() {
if (mobileMenu.classList.contains('-translate-y-full')) {
mobileMenu.classList.remove('-translate-y-full', 'opacity-0', 'pointer-events-none');
} else {
mobileMenu.classList.add('-translate-y-full', 'opacity-0', 'pointer-events-none');
}
});
document.addEventListener('click', function(event) {
if (!menuBtn.contains(event.target) && !mobileMenu.contains(event.target)) {
mobileMenu.classList.add('-translate-y-full', 'opacity-0', 'pointer-events-none');
}
});
const mobileMenuLinks = mobileMenu.querySelectorAll('a');
mobileMenuLinks.forEach(link => {
link.addEventListener('click', function() {
mobileMenu.classList.add('-translate-y-full', 'opacity-0', 'pointer-events-none');
});
});
</script>
</body>
</html>