-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprogram.html
159 lines (148 loc) · 6.68 KB
/
program.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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio/임빛나</title>
<link rel="icon" type="image/png" href="img/favicon.png" />
<script src="https://kit.fontawesome.com/a0bfa0bc39.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/style.css">
<script defer src="js/program.js"></script>
</head>
<body>
<!-- header -->
<header id="header_sub">
<div class="logo">
<i class="fas fa-tree"></i>
<a href="index.html"><span>workshop</span></a>
</div>
<ul class="header-menu">
<li><a href="about.html">About</a></li>
<li><a href="program.html">Program</a></li>
<li><a href="collection.html">Collection</a></li>
<li><a href="community.html">Community</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="join.html"><i class="fas fa-user-cog"></i></a></li>
</ul>
<!-- toggle btn -->
<button class="toggle"><i class="fas fa-bars"></i></button>
</header>
<!-- content -->
<section class="content">
<div class="sub_visual"></div>
<div class="custom-shape-divider-top-1639286701">
<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120"
preserveAspectRatio="none">
<path d="M1200 0L0 0 598.97 114.72 1200 0z" class="shape-fill"></path>
</svg>
</div>
<div class="inner youtube">
<h1>PROGRAM</h1>
<section class="intro">
<ul class="tabs">
<li class="active">For Kids</li>
<li>For Family</li>
<li>For Adults</li>
</ul>
<div class="container">
<div class="context active">
<div class="boxPic">
<img src="./img/program/11.png" alt="">
</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. <br>Soluta nemo cupiditate nisi
facilis
ab
quidem ullam!</p>
</div>
<div class="context">
<div class="boxPic">
<img src="./img/program/10.png" alt="">
</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta nemo cupiditate! Lorem ipsum
dolor sit amet consectetur adipisicing elit. Labore explicabo animi nisi corrupti commodi
hic placeat assumenda vitae doloribus alias.</p>
</div>
<div class="context">
<div class="boxPic">
<img src="./img/program/12.png" alt="">
</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. <br>Soluta nemo cupiditate nisi
facilis
ab
quidem ullam! </p>
</div>
</div>
</section>
<section class="videos">
<div class="txt">
<h3>Our Best Programs</h3>
<h2>There’s nothing quite like that moment of discovering a creative idea.</h2>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Qui temporibus quos laboriosam earum
magnam ducimus ab. Officiis saepe ad ipsam ducimus, dolorem ullam aperiam illo?</p>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Qui temporibus quos laboriosam earum
magnam ducimus ab. Officiis saepe ad ipsam ducimus, dolorem ullam aperiam illo?</p>
</div>
</section>
</div>
</section>
<!-- footer -->
<footer id="footer_sub">
<div class="wrap">
<div class="footer-upper">
<div class="logo">
<i class="fas fa-tree"></i>
<a href="index.html"><span>workshop</span></a>
</div>
<ul class="footer-menu">
<li><a href="about.html">About</a></li>
<li><a href="program.html">Program</a></li>
<li><a href="collection.html">Collection</a></li>
<li><a href="community.html">Community</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="join.html"><i class="fas fa-user-cog"></i></a></li>
</ul>
</div>
<div class="footer-lower">
<ul class="items">
<li class="item">
<div class="inner">
<h2>News Letter</h2>
<p>Lorem ipsum dolor sit amet consectetur.</p>
<input type="text">
<a href="#">Send Message <i class="fas fa-angle-double-right"></i></a>
</div>
</li>
<li class="item">
<div class="inner">
<h2>Working Hours</h2>
<p>Monday-Saturday<br>
09:00-18:00 Saturday 09:00-12:00<br>
Closed 25 December</p>
</div>
</li>
<li class="item">
<div class="inner">
<h2>Address</h2>
<p>198 West 21th street Suite 721<br>
New York,NY 10010<br>
Phone: +88(0) 101 0000 000 <br>
Fax:+88(0)202 0000 001</p>
</div>
</li>
<li class="item">
<div class="inner">
<h2>Website policies</h2>
<a href="#">Terms&Conditions</a>
<a href="#">Privacy policy</a>
<a href="#">Accessibility</a>
<a href="#">Cookies policy</a>
</div>
</li>
</ul>
</div>
</div class="wrap">
<div class="copyright">© All Rights Are Reserved. </div>
</footer>
</body>
</html>