-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
137 lines (136 loc) · 4.58 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>RCGG Bible Study Group</title>
<link rel="manifest" href="/manifest.json" />
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #;
}
#navbar {
background-color: #1d8f1d;
display: flex;
justify-content: space-between; /* Align items to the left and right */
padding: 13px;
position: fixed;
width: 100%;
height: clamp(40px, 2vw, 130px);
overflow: hidden;
top: 0;
z-index: 1;
}
#navbar-title {
color: #fff;
font-size: clamp(15px, 2vw, 30px);
}
#navbar-links {
display: flex;
align-items: center;
}
#navbar a {
color: #fff;
margin: 0 15px;
text-decoration: none;
cursor: pointer;
text-size: clamp(12px, 2vw, 20px);
}
#navbar a:hover {
text-decoration: underline;
}
#verse-container {
display: flex;
flex-direction: column;
align-items: center;
padding: 20px;
}
#hymn-container {
display: flex;
flex-direction: column;
align-items: center;
padding: 20px;
}
#hymn-container h2 {
display: flex;
flex-direction: column;
align-items: center;
padding: 20px;
}
#intro-container h1 {
display: flex;
flex-direction: column;
align-items: center;
padding: clamp(14px, 2vw, 22px);
font-size: 37px;
}
#intro-container h2,
h3 {
display: flex;
flex-direction: column;
align-items: center;
padding: 5px;
font-size: 25px;
}
#intro-container p {
display: flex;
flex-direction: column;
align-items: center;
padding: 25px;
font-size: 15px;
}
</style>
</head>
<body>
<div id="navbar">
<span id="navbar-title"> HCA 曉士頓基督徒聚會 </span>
<div id="navbar-links">
<a href="/index.html">主页</a>
<a href="hymns-page/hymns.html">诗歌</a>
<a href="bible-study/bible-study.html">信息分享</a>
<a href="activities/activities.html">活动</a>
<a href="/food.html">休斯顿美食指南</a>
<a href="/guide.html">新生指南</a>
<a href="https://hcafamily.org/rcgg/photos/">相册</a>
<a href="/userLogin.html">登录</a>
</div>
</div>
<div id="intro-container">
<h2></h2>
<h1>Welcome to RCGG Bible Study Group<div>欢迎来到爱的神之家</h1>
<h3>欢迎一切愿意了解圣经，认识神与探索生命真理的朋友们！</h3>
<h2 class="section-title">我们是谁？</h2>
<p class="paragraph-content">
我们是爱的神之家，一群生活在休斯顿的华人基督徒团体。我们里面有学生，职青，家庭，与一些想要认识耶稣基督的年轻人。欢迎来到休斯顿工作交流学习生活的你，欢迎你来到神的家中和我们一起分享美食，探讨信仰。
</p>
<div class="plan__list">
<article class="plan">
<h2 class="plan__title">团契简介</h2>
<p>
RCGG（Rice Chinese Gospel
Group莱斯大学中文福音组）又称为爱的神之家，在莱斯大学和医疗中心附近每周五晚上都有聚会。
</p>
</article>
<article class="plan">
<h2 class="plan__title">团契使命</h2>
<p>
耶稣进前来，对他们说：“天上地下所有的权柄都赐给我了。所以，你们要去，使万民作我的门徒，奉父、子、圣灵的名给他们施洗。凡我所吩咐你们的，都教训他们遵守，我就常与你们同在直到世界的末了。”-马太福音28:18-20
</p>
</article>
</div>
</div>
<div id="verse-container">
<h2>年度经文</h2>
<p id="verse-info">
为要成全圣徒，各尽其职，建立基督的身体，直等到我们众人在真道上同归于一，认识神的儿子，得以长大成人，满有基督长成的身量。-以弗所书4:12-13
</p>
</div>
<div id="hymn-container">
<h2>本周诗歌</h2>
<p id="hymn-info">Loading...</p>
</div>
</body>
</html>