Meta Description" name="description" />
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>K-CineVerse | Korean Movie Recommendation Website</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
}
body{
background:#0d0d0d;
color:white;
overflow-x:hidden;
}
html{
scroll-behavior:smooth;
}
/* NAVBAR */
nav{
position:fixed;
width:100%;
top:0;
z-index:1000;
background:rgba(0,0,0,0.85);
backdrop-filter:blur(10px);
padding:18px 8%;
display:flex;
justify-content:space-between;
align-items:center;
}
.logo{
font-size:32px;
font-weight:700;
color:#ff2e63;
}
nav ul{
display:flex;
gap:25px;
list-style:none;
}
nav ul li a{
text-decoration:none;
color:white;
transition:0.3s;
font-weight:500;
}
nav ul li a:hover{
color:#ff2e63;
}
/* HERO */
.hero{
height:100vh;
background:
linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.8)),
url('https://images.unsplash.com/photo-1489599849927-2ee91cede3ba?q=80&w=1470&auto=format&fit=crop');
background-size:cover;
background-position:center;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
padding:20px;
}
.hero-content h1{
font-size:75px;
margin-bottom:20px;
}
.hero-content span{
color:#ff2e63;
}
.hero-content p{
max-width:850px;
margin:auto;
line-height:1.8;
margin-bottom:30px;
color:#ddd;
}
.hero-content a{
display:inline-block;
padding:14px 35px;
background:#ff2e63;
color:white;
text-decoration:none;
border-radius:30px;
transition:0.3s;
}
.hero-content a:hover{
background:white;
color:#ff2e63;
}
/* SECTION */
section{
padding:100px 8%;
}
.section-title{
font-size:45px;
color:#ff2e63;
margin-bottom:20px;
}
.section-description{
color:#cfcfcf;
max-width:950px;
margin-bottom:50px;
line-height:1.8;
}
/* MOVIE GRID */
.movie-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:35px;
}
.movie-card{
background:#181818;
border-radius:18px;
overflow:hidden;
transition:0.4s;
box-shadow:0 10px 25px rgba(0,0,0,0.5);
}
.movie-card:hover{
transform:translateY(-10px);
}
.movie-card img{
width:100%;
height:420px;
object-fit:cover;
}
.movie-content{
padding:22px;
}
.movie-content h3{
color:#ff2e63;
margin-bottom:12px;
}
.movie-info{
font-size:14px;
margin-bottom:12px;
color:#ddd;
}
.synopsis{
font-size:14px;
margin-bottom:15px;
color:#ccc;
line-height:1.7;
}
.review{
font-style:italic;
color:#b9b9b9;
margin-bottom:15px;
}
.watch{
color:#ffd369;
font-weight:600;
}
/* FEATURED */
.featured{
background:#111;
text-align:center;
border-top:1px solid #222;
border-bottom:1px solid #222;
}
.featured h2{
color:#ff2e63;
margin-bottom:20px;
font-size:45px;
}
.featured p{
max-width:800px;
margin:auto;
color:#ccc;
line-height:1.8;
}
/* ABOUT */
.about{
text-align:center;
}
.about h2{
color:#ff2e63;
margin-bottom:20px;
font-size:45px;
}
.about p{
max-width:900px;
margin:auto;
color:#ccc;
line-height:1.9;
}
/* FOOTER */
footer{
background:black;
text-align:center;
padding:35px;
color:#888;
}
/* RESPONSIVE */
@media(max-width:768px){
.hero-content h1{
font-size:48px;
}
nav{
flex-direction:column;
gap:15px;
}
nav ul{
flex-wrap:wrap;
justify-content:center;
}
}
</style>
</head>
<body>
<!-- NAVIGATION -->
<nav>
<div class="logo">K-CineVerse</div>
<ul>
<li><a href="#horror">Horror</a></li>
<li><a href="#romcom">Romcom</a></li>
<li><a href="#comedy">Comedy</a></li>
<li><a href="#fantasy">Fantasy</a></li>
<li><a href="#history">History</a></li>
</ul>
</nav>
<!-- HERO -->
<div class="hero">
<div class="hero-content">
<h1>Discover the Best of <span>Korean Cinema</span></h1>
<p>
Welcome to K-CineVerse — your ultimate gateway to the world of Korean cinema.
From heart-racing thrillers to magical fantasy adventures, emotional historical epics,
and laugh-out-loud romantic comedies, Korean movies continue to captivate audiences worldwide.
</p>
<a href="#horror">Explore Movies</a>
</div>
</div>
<!-- HORROR -->
<section id="horror">
<h2 class="section-title">🎭 Nightmares Beyond Seoul</h2>
<p class="section-description">
Enter a world filled with psychological tension, terrifying mysteries,
and suspenseful twists that keep viewers on the edge of their seats.
</p>
<div class="movie-grid">
<!-- MOVIE -->
<div class="movie-card">
<img src="https://upload.wikimedia.org/wikipedia/en/9/95/Train_to_Busan.jpg">
<div class="movie-content">
<h3>Train to Busan (2016)</h3>
<div class="movie-info">
Genre: Horror/Thriller <br>
Director: Yeon Sang-ho <br>
Runtime: 118 mins
</div>
<div class="synopsis">
A father and daughter struggle to survive a zombie outbreak while trapped on a train.
</div>
<div class="review">
“An emotional rollercoaster with intense action and heartbreaking moments.”
</div>
<div class="watch">
Watch on: Netflix
</div>
</div>
</div>
<!-- MOVIE -->
<div class="movie-card">
<img src="https://upload.wikimedia.org/wikipedia/en/0/03/The_Wailing_%28film%29.png">
<div class="movie-content">
<h3>The Wailing (2016)</h3>
<div class="movie-info">
Genre: Horror/Mystery <br>
Director: Na Hong-jin <br>
Runtime: 156 mins
</div>
<div class="synopsis">
Strange illnesses and mysterious murders begin happening in a quiet village.
</div>
<div class="review">
“One of the most chilling Korean horror films ever created.”
</div>
<div class="watch">
Watch on: Prime Video
</div>
</div>
</div>
</div>
</section>
<!-- ROMCOM -->
<section id="romcom">
<h2 class="section-title">💖 Love in Every Scene</h2>
<p class="section-description">
Korean romantic comedy movies combine heartfelt emotions,
charming chemistry, and unforgettable love stories.
</p>
<div class="movie-grid">
<div class="movie-card">
<img src="https://upload.wikimedia.org/wikipedia/en/4/46/My_Sassy_Girl_movie.jpg">
<div class="movie-content">
<h3>My Sassy Girl (2001)</h3>
<div class="movie-info">
Genre: Romcom <br>
Director: Kwak Jae-yong <br>
Runtime: 123 mins
</div>
<div class="synopsis">
A college student falls in love with a quirky and unpredictable woman.
</div>
<div class="review">
“Funny, emotional, and one of Korea’s most iconic romantic films.”
</div>
<div class="watch">
Watch on: Viki
</div>
</div>
</div>
</div>
</section>
<!-- COMEDY -->
<section id="comedy">
<h2 class="section-title">😂 Laughs Across Korea</h2>
<p class="section-description">
Korean comedy movies are packed with hilarious adventures,
chaos, and entertaining characters.
</p>
<div class="movie-grid">
<div class="movie-card">
<img src="https://upload.wikimedia.org/wikipedia/en/2/2b/Extreme_Job.jpg">
<div class="movie-content">
<h3>Extreme Job (2019)</h3>
<div class="movie-info">
Genre: Comedy <br>
Director: Lee Byeong-heon <br>
Runtime: 111 mins
</div>
<div class="synopsis">
Detectives open a fried chicken restaurant while investigating criminals.
</div>
<div class="review">
“Absolutely hilarious from beginning to end.”
</div>
<div class="watch">
Watch on: Netflix
</div>
</div>
</div>
</div>
</section>
<!-- FANTASY -->
<section id="fantasy">
<h2 class="section-title">✨ Beyond Reality</h2>
<p class="section-description">
Magical worlds, supernatural powers,
and breathtaking visuals make Korean fantasy movies unforgettable.
</p>
<div class="movie-grid">
<div class="movie-card">
<img src="https://upload.wikimedia.org/wikipedia/en/1/16/Along_with_the_Gods_The_Two_Worlds.jpg">
<div class="movie-content">
<h3>Along With the Gods (2017)</h3>
<div class="movie-info">
Genre: Fantasy <br>
Director: Kim Yong-hwa <br>
Runtime: 139 mins
</div>
<div class="synopsis">
A firefighter journeys through the afterlife and faces seven trials.
</div>
<div class="review">
“A visually stunning and emotional fantasy masterpiece.”
</div>
<div class="watch">
Watch on: Netflix
</div>
</div>
</div>
</div>
</section>
<!-- HISTORY -->
<section id="history">
<h2 class="section-title">🏯 Echoes of the Past</h2>
<p class="section-description">
Historical Korean movies showcase royal conflicts,
heroic battles, and emotional sacrifices.
</p>
<div class="movie-grid">
<div class="movie-card">
<img src="https://upload.wikimedia.org/wikipedia/en/0/0f/The_Admiral_Roaring_Currents_poster.jpg">
<div class="movie-content">
<h3>The Admiral: Roaring Currents (2014)</h3>
<div class="movie-info">
Genre: Historical <br>
Director: Kim Han-min <br>
Runtime: 128 mins
</div>
<div class="synopsis">
Admiral Yi Sun-sin fights against overwhelming enemy forces in a historic naval battle.
</div>
<div class="review">
“Epic storytelling with breathtaking battle scenes.”
</div>
<div class="watch">
Watch on: Prime Video
</div>
</div>
</div>
</div>
</section>
<!-- FEATURED -->
<section class="featured">
<h2>⭐ Featured Movie of the Month</h2>
<p>
Parasite (2019) — A globally acclaimed masterpiece that blends thriller,
drama, and social commentary into one unforgettable cinematic experience.
</p>
</section>
<!-- ABOUT -->
<section class="about">
<h2>👥 About Us</h2>
<p>
K-CineVerse was created for movie lovers who want to explore the beauty
of Korean cinema. Our goal is to help viewers discover unforgettable movies,
hidden gems, and iconic Korean films across different genres.
</p>
</section>
<!-- FOOTER -->
<footer>
© 2026 K-CineVerse | Korean Movie Recommendation Website
</footer>
</body>
</html>13
5
246KB
249KB
153.0ms
360.0ms
355.0ms