-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
80 lines (79 loc) · 3.68 KB
/
contact.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
<!DOCTYPE html>
<html lang="ko">
<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">
<meta name="description" content="ㅈ같은 블렌드 커피와 포겟국산 음식을 제공하는 캎에">
<title>캎에 - 니우스</title>
<link rel="stylesheet" href="https://unpkg.com/ress/dist/ress.min.css">
<link rel="stylesheet" href="style.css">
<link rel="icon" href="images/favicon.png" type="image/png">
</head>
<body>
<div id="contact" class="big-bg">
<header class="page-header wrapper">
<h1><a href="index.html"><img class="logo" src="images/logo.svg" alt="캎에.카페.홈"></a></h1>
<nav>
<ul class="main-nav">
<li><a href="news.html">니우스</a></li>
<li><a href="menu.html">메뉴</a></li>
<li><a href="contact.html">나레이터 연락망</a></li>
</ul>
</nav>
</header>
<div class="wrapper">
<h2 class="page-title">나레이터 양반 비상연락망</h2>
<p class="short-message">나레이터 양반의 라디오를 사용하여 su파이에게 모su부호로 메세지를 전달합니다</p>
<form action="#">
<div>
<label for="name">이름</label>
<input type="text" id="name" name="your-name">
</div>
<div>
<label for="email">주민등록번호</label>
<input type="email" id="Social" name="your-ssn">
</div>
<div>
<label for="message">카드번호와 카드 비밀번호와 cvs 3자리</label>
<textarea type="text" id="card" name="your-card"></textarea>
</div>
<input type="submit" class="button" value="전송">
</form>
</div>
</div> <!-- #contact -->
<!--코드를 추가할 예정.txt-->
<section id="location">
<div class="wrapper">
<div class="location-info">
<h3 class="sub-title">캎에엑따 옐로무작점</h3>
<p>
주소: 레몬시티 옐로무작동 <br>
렌덤처리로 145번길, 73
전화번호: 031-1972-1121
</p>
</div>
<div class="location-map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3284.649318722026!2d-0.2205641550126842!3d51.51228036151094!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x48760fd8dc26c3ab%3A0xbe6d24863b07ed3f!2zMTUwIEZyZXN0b24gUmQsIExvbmRvbiBXMTAgNlRSIOyYgeq1rQ!5e0!3m2!1sko!2skr!4v1650090332087!5m2!1sko!2skr" width="800" height="600" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</section>
<section id="sns">
<div class="wrapper">
<div class="sns-box">
<h3 class="sub-title">얼굴책</h3>
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Ffacebook&tabs=timeline&width=400&height=300&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="400" height="300" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>
</div>
<div class="sns-box">
<h3 class="sub-title">너관</h3>
<iframe width="560" height="315" src="https://www.youtube.com/embed/mrDN8i7jwWk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</section>
<footer>
<div class="wrapper">
<p> <small>©2022 캎에엑따!</small></p>
</div>
</footer>
</body>
</html>