-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmedia.html
144 lines (139 loc) · 7.34 KB
/
media.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
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<meta name="theme-color" content="#f5a605">
<meta name="title" content="르노 - 미디어 | Passion for Life">
<meta name="description" content="르노의 최근 소식과 다양한 콘텐츠를 확인하세요">
<meta name="keywords" content="르노, 온라인 견적, 캡처, 조에, 트위지, 마스터">
<meta property="og:site_name" content="Renault">
<meta property="og:title" content="르노 - 미디어 | Passion for Life">
<meta property="og:description" content="르노의 최근 소식과 다양한 콘텐츠를 확인하세요">
<link href="css/normalize.css" rel="stylesheet">
<link href="css/stylesheet.css" rel="stylesheet">
<link href="css/sub.css" rel="stylesheet">
<link rel="shortcut icon" href="favicon-64.ico">
<link rel="icon" href="favicon.png">
<link rel="canonical" href="https://deacct.github.io/renault_vertual_renewal/media.html">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="js/jquery.mousewheel.min.js"></script>
<script src="js/sub.js"></script>
<title>르노 - 미디어 | Passion for Life</title>
</head>
<body class="sub4">
<header>
<div class="header_inner">
<h1 class="logo"><a href="./index.html"><img src="img/rn-header-logo.svg" alt="르노"></a></h1>
<nav class="gnb">
<h2 class="blind">대메뉴</h2>
<ul>
<li><a href="./brand.html">브랜드</a></li>
<li><a href="./car.html">자동차</a></li>
<li><a href="./service.html">서비스</a></li>
<li class="current_page"><a href="./media.html">미디어</a></li>
</ul>
</nav>
<button class="search blind">검색</button>
<button class="hamburger mobile">
<span></span>
<span></span>
<span></span>
</button>
</div>
</header>
<section id="visual">
<div class="visual_wrap">
<h2 class="title sub">서비스</h2>
</div>
</section>
<main>
<div class="main_wrap">
<section id="news">
<div class="news_inner">
<h2>뉴스</h2>
<article>
<div class="topline">
<div class="date">
<p class="yearmonth">2020.11</p>
<strong class="day">12</strong>
<!--가상요소로 노란 박스 추가-->
</div>
<span class="line"></span>
</div>
<div class="summery">
<div class="news_left">
<h3><span>르노삼성자동차, 2020</span> <span>국제환경에너지산업전 참가</span></h3>
<p>유럽 판매 1위 베스트셀러 전기차 르노 조에가 출시 이후 첫 전시 참가로 눈길을 끌었다. 르노 트위지는 부산에서 생산돼 전 세계로 수출하고 있어 참가 의미를 더했다. 르노 트위지를 몰아볼 수 있는 시승 기회도 제공했다.</p>
</div>
<div class="energy news_picture"></div>
</div>
</article>
<article>
<div class="topline">
<div class="date">
<p class="yearmonth">2020.08</p>
<strong class="day">18</strong>
<!--가상요소로 노란 박스 추가-->
</div>
<span class="line"></span>
</div>
<div class="summery">
<div class="news_left">
<h3><span>유럽 판매 1위 전기차</span> <span>르노 조에(ZOE), 한국 출시</span></h3>
<p>54.5kWh용량 Z.E. 배터리를 탑재하여, 완충 시 309km를 달릴 수 있다. 섬세하고 미래지향적인 외관, 친환경과 스마트 인테리어 디자인이 조화를 이루었다. 세심하고 다양한 첨단 기능도 가치를 더해준다.</p>
</div>
<div class="zoe_rel news_picture"></div>
</div>
</article>
<article>
<div class="topline">
<div class="date">
<p class="yearmonth">2020.03</p>
<strong class="day">17</strong>
<!--가상요소로 노란 박스 추가-->
</div>
<span class="line"></span>
</div>
<div class="summery">
<div class="news_left">
<h3><span>NEW 르노 마스터</span> <span>상품성 향상되어 국내 출시!</span></h3>
<p>신차수준의 내·외관 디자인 변경, 각종 편의·안전사양 등 전반적인 상품성이 대폭 상승했다. 전면에 적용된 신규디자인으로 믿음직한 이미지를 강화했다. 측풍영향 보정 기능 신규 적용으로 고속 직진안정성까지 강화했다.</p>
</div>
<div class="master_rel news_picture"></div>
</div>
</article>
</div>
</section>
<section id="video">
<div class="video_inner">
<h2>비디오</h2>
<div class="youtube_area">
<iframe src="https://www.youtube.com/embed/OPRdIrXnnfM" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video_right">
<strong class="date">2020.03.11</strong>
<h3>“Press ENTER to PLAY!” - R.S</h3>
<div class="discription">
<p>친구들과 함께 즐기던 추억의 비디오 게임으로 알아보는 르노의 모터 스포츠 히스토리!</p>
</div>
</div>
<a href="#">Youtube에서 더보기</a>
</div>
</section>
</div>
</main>
<footer>
<div class="footer_inner">
<h2 class="blind">sns와 저작권</h2>
<ul class="sns">
<li><a href="#" class="blind">페이스북</a></li>
<li><a href="#" class="blind">네이버 블로그</a></li>
<li><a href="#" class="blind">인스타그램</a></li>
<li><a href="#" class="blind">유튜브</a></li>
</ul>
<p>© Renault 2020</p>
</div>
</footer>
</body>
</html>