KDT11_Project/blog_15.html at main · gh9727/KDT11_Project · GitHub

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
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>미슌</title>
        <link rel="icon" href="logo.png" />
        <script src="https://code.jquery.com/jquery-3.7.1.js"></script>
        <link rel="preconnect" href="https://fonts.googleapis.com" />
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
        <link
            href="https://fonts.googleapis.com/css2?family=Gothic+A1&family=Gowun+Dodum&display=swap"
            rel="stylesheet"
        />
        <link
            href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap"
            rel="stylesheet"
        />
        <link rel="stylesheet" href="blog_article.css" />
    </head>
    <body>
        <header>
            <div class="header_box">
                <nav class="header" style="margin-bottom: 0; margin-top: 10px">
                    <div class="header-first">
                        <a href="index.html"><img src="logo.png" alt="푸딘코" class="foodinco" /></a>
                    </div>
                    <div class="header-midle">
                        <div class="haeder-map">
                            <a class="header1" href="map.html">지도</a>
                        </div>
                        <div class="header-blg">
                            <a class="header1" href="blogex.html">블로그</a>
                        </div>
                        <div class="header-page">
                            <a class="header1" href="mypage.html">내 페이지</a>
                        </div>
                    </div>
                    <form class="header-last">
                        <a href="join.html" class="membership">회원가입</a>
                        <a href="login.html" class="log">로그인</a>
                    </form>
                </nav>
            </div>
        </header>
        <div class="article_background">
            <div class="article_wrapper" style="margin-bottom: 80px">
                <div class="save_wrapper">
                    <img class="save" src="save.png" alt="save" onclick="saveMyPage()" />
                </div>
                <div class="title">
                    <!-- 제목 -->
                    <h1 class="entry-title" itemprop="headline">고소담백한 중식을 맛볼 수 있는 곳</h1>
                    <!--글의 주제, 글쓴이-->
                    <div class="entry-meta">
                        <span>
                            <a href="" class="ast-terms-link">FOODINKO in Seoul</a>
                            <!-- 블로그 글 목록으로 연결 -->
                        </span>
                        / 글쓴이
                        <span>
                            <a href="index.html" class="posted-by-vcard author">FOODINKO</a>
                            <!-- 메인페이지로 연결 -->
                        </span>
                    </div>
                </div>
                <div class="article">
                    <!-- 가게 사진 -->
                    <img
                        src="https://search.pstatic.net/common/?src=https%3A%2F%2Fldb-phinf.pstatic.net%2F20210204_298%2F1612430476794d60Ep_JPEG%2FpENxnHqYe8VSZJ5q0S4E1_hf.jpg"
                        alt=""
                        loading="lazy"
                        width="600px"
                        height="600px"
                        class="image"
                    />

                    <!-- 가게 이름 -->
                    <p class="restaurant-name" style="padding: 10px 20px; margin: 5px">미슌</p>
                    <!-- 가게 주소 -->
                    <p style="padding: 0 20px; margin: 5px">
                        📍&nbsp;<a
                            href="https://goo.gl/maps/NMYXMVyRLyXfLH6K9"
                            rel="noreferrer noopener"
                            target="_blank"
                            class="restaurant-address-link"
                        >
                            서울 서초구 서초대로 53길 19
                        </a>
                    </p>
                    <!-- 메뉴설명 -->
                    <p style="padding: 0 20px; margin: 5px">📕 곱창국수 14,000원 &nbsp;</p>
                    <p style="padding: 0 20px; margin: 5px">📕 탄탄면 10,000원 &nbsp;</p>

                    <!-- 영업일자 -->
                    <p style="padding: 0 20px 20px 20px; margin: 5px">
                        ⏰ 월-토 11:30-22:00 브레이크타임 14:30-17:00 &nbsp;
                    </p>
                    <!-- 블로그 글 내용 단략별 나눠짐 -->
                    <p style="padding: 0 20px 20px 20px">
                        돌이켜보면 나는 항상 중식이 1순위였다. 가족들 데려가기 좋다. 주차도 된다. 여기는 뭐랄까 중식
                        잘하는 셰프님 집에 초대받은 기분이다. 재방문 의사 200% 있는 곳이다. 교대역 4번 출구에서 200m
                        정도 걸으면 된다.
                    </p>
                    <p style="padding: 0 20px 20px 20px">
                        곱창 국수는 대표 메뉴다. 국물이 빨개서 너무 맵지 않을까 생각했는데 살짝 매콤한 정도라 부담
                        없었다. 곱도 적당하고 쫄깃하면서 질기지 않아서 좋다. 면발은 탱글한게 탄력이 있다. 국물이랑 잘
                        어울린다. 굵은 면이 아니고 얇은 면이라 양념이 잘 베어서 만족스럽다.
                    </p>
                    <p style="padding: 0 20px 20px 20px">
                        탄탄면은 대표 메뉴 격으로 매력 있다. 고소한 땅콩 냄새가 올라오면서 고추기름이 적당한 매콤함을
                        줘서 좋다. 여기의 요리를 한입 넣는 순간 국물과 어우러지며 행복을 경험할 수 있다. 아직도 생생히
                        기억나는 맛이다.
                    </p>

                    <p style="padding: 0 20px 20px 20px">※ 메뉴/가격은 변경될 수 있습니다.</p>
                </div>
            </div>
            <div class="blog-slider-wrapper">
                <a href="blog_14.html" class="box left-box">
                    <div class="left-arrow">
                        <img id="left" src="left-arrow.png" alt="left arrow" />
                    </div>
                </a>
                <a href="blog_16.html" class="box right-box">
                    <div class="right-arrow">
                        <img id="right" src="right-arrow.png" alt="rigth arrow" />
                    </div>
                </a>
            </div>
        </div>
        <footer style="height: 70px"></footer>
    </body>
    <script src="blog_article.js"></script>
</html>