<div id="movie-card-list">
	<!-- Card 1: Blade Runner -->
	<div class="movie-card">
		<div class="color-overlay">
			<div class="movie-share">
					<a class="movie-share__icon" href="#">
						<i class="material-icons">&#xe87d</i>
					</a>
					<a class="movie-share__icon" href="#">
						<i class="material-icons">&#xe253</i>
					</a>
					<a class="movie-share__icon" href="#">
						<i class="material-icons">&#xe80d</i>
					</a>
				</div>
			<div class="movie-content">
				<div class="movie-header">
					<h1 class="movie-title">Blade Runner</h1>
					<h4 class="movie-info">(1982) Sci-Fi, Thriller</h4>
				</div>
				<p class="movie-desc">A blade runner must pursue and try to terminate four replicants who stole a ship in space and have returned to Earth to find their creator.</p>
				<a class="btn btn-outline" href="#">Watch Trailer</a>

			</div>
		</div>
	</div>

	<!-- Card 2: Back to the Future -->
	<div class="movie-card">
		<div class="color-overlay">
			<div class="movie-share">
					<a class="movie-share__icon" href="#">
						<i class="material-icons">&#xe87d</i>
					</a>
					<a class="movie-share__icon" href="#">
						<i class="material-icons">&#xe253</i>
					</a>
					<a class="movie-share__icon" href="#">
						<i class="material-icons">&#xe80d</i>
					</a>
				</div>
			<div class="movie-content">
				<div class="movie-header">
					<h1 class="movie-title">Back to the Future</h1>
					<h4 class="movie-info">(1985) Adventure, Comedy, Sci-Fi</h4>
				</div>
				<p class="movie-desc">Marty McFly, a 17-year-old high school student, is accidentally sent 30 years into the past in a time-traveling DeLorean invented by his close friend, the maverick scientist Doc Brown. </p>
				<a class="btn btn-outline" href="#">Watch Trailer</a>

			</div>
		</div>
	</div>

	<!-- Card 3: Akira -->
	<div class="movie-card">
		<div class="color-overlay">
			<div class="movie-share">
					<a class="movie-share__icon" href="#">
						<i class="material-icons">&#xe87d</i>
					</a>
					<a class="movie-share__icon" href="#">
						<i class="material-icons">&#xe253</i>
					</a>
					<a class="movie-share__icon" href="#">
						<i class="material-icons">&#xe80d</i>
					</a>
				</div>
			<div class="movie-content">
				<div class="movie-header">
					<h1 class="movie-title">Akira</h1>
					<h4 class="movie-info">(1988) Animation, Action, Drama </h4>
				</div>
				<p class="movie-desc">A secret military project endangers Neo-Tokyo when it turns a biker gang member into a rampaging psychic psychopath that only two teenagers and a group of psychics can stop. </p>
				<a class="btn btn-outline" href="#">Watch Trailer</a>

			</div>
		</div>
	</div>
</div>