|
|
<!DOCTYPE html>
|
|
|
<html lang="zh-CN">
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<title>坤记烧烤</title>
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
|
<!-- Bootstrap + Google Fonts -->
|
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
|
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;700&display=swap" rel="stylesheet">
|
|
|
|
|
|
<style>
|
|
|
:root {
|
|
|
--primary: #7B3F00;
|
|
|
--accent: #FF5C00;
|
|
|
--bg: #f3efea;
|
|
|
--card-bg: #fffdf9;
|
|
|
}
|
|
|
|
|
|
body {
|
|
|
font-family: 'Noto Sans SC', sans-serif;
|
|
|
background-color: var(--bg);
|
|
|
background-image: url('https://www.transparenttextures.com/patterns/wood-pattern.png');
|
|
|
color: #3a2f2f;
|
|
|
padding: 2rem 1rem;
|
|
|
}
|
|
|
|
|
|
.container {
|
|
|
max-width: 960px;
|
|
|
margin: auto;
|
|
|
}
|
|
|
|
|
|
.header-title h1 {
|
|
|
font-size: 2.75rem;
|
|
|
font-weight: 700;
|
|
|
color: var(--primary);
|
|
|
text-shadow: 1px 1px #eee;
|
|
|
}
|
|
|
|
|
|
.lead {
|
|
|
color: var(--accent);
|
|
|
font-weight: 600;
|
|
|
font-size: 1.2rem;
|
|
|
margin-top: 0.5rem;
|
|
|
}
|
|
|
|
|
|
.section {
|
|
|
background: var(--card-bg);
|
|
|
border-radius: 1rem;
|
|
|
padding: 2rem;
|
|
|
margin-bottom: 2.5rem;
|
|
|
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.07);
|
|
|
border-left: 6px solid var(--accent);
|
|
|
}
|
|
|
|
|
|
h2 {
|
|
|
color: var(--primary);
|
|
|
font-size: 1.5rem;
|
|
|
font-weight: 700;
|
|
|
margin-bottom: 1rem;
|
|
|
}
|
|
|
|
|
|
p, li {
|
|
|
margin-bottom: 0.8rem;
|
|
|
line-height: 1.6;
|
|
|
}
|
|
|
|
|
|
.en {
|
|
|
font-weight: 500;
|
|
|
font-size: 0.95rem;
|
|
|
color: #555;
|
|
|
}
|
|
|
|
|
|
ul {
|
|
|
padding-left: 1.5rem;
|
|
|
}
|
|
|
|
|
|
.team-gallery img {
|
|
|
width: 100%;
|
|
|
height: 220px;
|
|
|
object-fit: cover;
|
|
|
border-radius: 0.75rem;
|
|
|
box-shadow: 0 6px 12px rgba(0,0,0,0.08);
|
|
|
}
|
|
|
|
|
|
video {
|
|
|
width: 100%;
|
|
|
border-radius: 0.75rem;
|
|
|
margin-top: 1rem;
|
|
|
box-shadow: 0 6px 12px rgba(0,0,0,0.05);
|
|
|
}
|
|
|
|
|
|
footer {
|
|
|
text-align: center;
|
|
|
color: #888;
|
|
|
font-size: 0.9rem;
|
|
|
margin-top: 4rem;
|
|
|
padding-top: 1rem;
|
|
|
border-top: 1px solid #ddd;
|
|
|
}
|
|
|
|
|
|
@media (max-width: 576px) {
|
|
|
body {
|
|
|
padding: 1rem 0.5rem;
|
|
|
}
|
|
|
|
|
|
.header-title h1 {
|
|
|
font-size: 2rem;
|
|
|
}
|
|
|
|
|
|
.lead {
|
|
|
font-size: 1rem;
|
|
|
}
|
|
|
|
|
|
.section {
|
|
|
padding: 1.2rem;
|
|
|
}
|
|
|
|
|
|
h2 {
|
|
|
font-size: 1.2rem;
|
|
|
}
|
|
|
|
|
|
.team-gallery img {
|
|
|
height: auto;
|
|
|
}
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
<div class="container">
|
|
|
<div class="text-center mb-5 header-title">
|
|
|
<h1>关于我们</h1>
|
|
|
<p class="lead">Enterprise Culture</p>
|
|
|
</div>
|
|
|
|
|
|
<div class="section">
|
|
|
<h2>企业使命</h2>
|
|
|
<p>让更多人吃到地道的东北烧烤，把烟火气带进每一位食客的生活中。我们坚信，一顿好烧烤，能温暖一个城市的夜晚。</p>
|
|
|
<p class="en"><strong>Mission:</strong> To bring authentic Northeastern BBQ to more people and infuse every meal with the warmth of real-life flavor. We believe that a good barbecue can light up a city's night.</p>
|
|
|
</div>
|
|
|
|
|
|
<div class="section">
|
|
|
<h2>企业愿景</h2>
|
|
|
<p>打造南京最具人情味、口碑最好的东北烧烤品牌，让“撸串”成为生活中最治愈的仪式。</p>
|
|
|
<p class="en"><strong>Vision:</strong> To become the most beloved Northeastern BBQ brand in Nanjing, where “skewer nights” are the most healing rituals in everyday life.</p>
|
|
|
</div>
|
|
|
|
|
|
<div class="section">
|
|
|
<h2>企业价值观</h2>
|
|
|
<ul>
|
|
|
<li>地道口味：不将就，每一串都遵循东北老手艺，碳香入骨。</li>
|
|
|
<li class="en"><strong>Authentic Taste:</strong> No compromises—each skewer follows traditional craftsmanship, rich with charcoal aroma.</li>
|
|
|
|
|
|
<li>热情待客：顾客是朋友，我们坚持烟火人情、真心服务。</li>
|
|
|
<li class="en"><strong>Warm Hospitality:</strong> Customers are friends. We serve with heart and a sense of street warmth.</li>
|
|
|
|
|
|
<li>团队协作：撸串不仅靠炭火，更靠一群热血的人共同撑起。</li>
|
|
|
<li class="en"><strong>Team Spirit:</strong> It's not just the fire—it’s the passion of a team that makes great barbecue.</li>
|
|
|
|
|
|
<li>不断创新：在传承中敢于变化，推陈出新是我们的日常。</li>
|
|
|
<li class="en"><strong>Innovation:</strong> We dare to evolve while honoring tradition—creativity is our norm.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
|
|
|
<div class="section">
|
|
|
<h2>团队风采</h2>
|
|
|
<p>我们是一群来自五湖四海、爱吃也爱做烧烤的人，最擅长把一场简单的团建，烤成一桌热辣的东北味儿！</p>
|
|
|
<p class="en"><strong>Our Team:</strong> We’re a group of BBQ-loving folks from all over China. Give us a team-building event, and we’ll turn it into a sizzling feast of Northeastern flavors!</p>
|
|
|
<div class="row team-gallery">
|
|
|
<div class="col-md-6 col-12 mb-3">
|
|
|
<img src="static/team1.jpg" alt="员工活动1" class="img-fluid shadow-sm">
|
|
|
</div>
|
|
|
<div class="col-md-6 col-12 mb-3">
|
|
|
<img src="static/team2.jpg" alt="员工活动2" class="img-fluid shadow-sm">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="section">
|
|
|
<h2>视频介绍</h2>
|
|
|
<p>我们故事的开始，就是一把炭火的温度。</p>
|
|
|
<p class="en"><strong>Video Intro:</strong> Our story began with the warmth of glowing charcoal.</p>
|
|
|
<video controls>
|
|
|
<source src="static/intro.mp4" type="video/mp4">
|
|
|
您的浏览器不支持视频播放。
|
|
|
</video>
|
|
|
</div>
|
|
|
|
|
|
<div class="section">
|
|
|
<h2>门店地址</h2>
|
|
|
<p>📍江苏省南京市鼓楼区 ×× 路 ×× 号<br>营业时间：17:00 - 凌晨 2:00<br>欢迎朋友们来坐坐，一起撸串、喝酒、唠嗑！</p>
|
|
|
<p class="en"><strong>Location:</strong> ×× Road, Gulou District, Nanjing, Jiangsu Province<br><strong>Hours:</strong> 5:00 PM – 2:00 AM<br>Come hang out, enjoy some skewers, a drink, and good conversations!</p>
|
|
|
</div>
|
|
|
|
|
|
<footer>
|
|
|
© 2025 坤记烧烤有限公司 · 企业文化展示页
|
|
|
</footer>
|
|
|
</div>
|
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
|
|
</body>
|
|
|
</html> |
