diff --git a/images/desktop.png b/images/desktop.png
new file mode 100644
index 0000000000000000000000000000000000000000..56923c72ac98064c24eb766927240d1ab17a28a8
Binary files /dev/null and b/images/desktop.png differ
diff --git a/images/image-01.jpg b/images/image-01.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..152d9abee5b8ad73f55dbf90f8b2436b899acc73
Binary files /dev/null and b/images/image-01.jpg differ
diff --git a/images/image-02.jpg b/images/image-02.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..83f4ca5fb9dba4221eb1dcb051f03c155bfa2b66
Binary files /dev/null and b/images/image-02.jpg differ
diff --git a/images/image-03.jpg b/images/image-03.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..b5b50cbedb63828564476c1eb5580f11914af99a
Binary files /dev/null and b/images/image-03.jpg differ
diff --git a/images/image-04.jpg b/images/image-04.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..9c24f41fc743c058d41cfec3d84d52fc53b7a686
Binary files /dev/null and b/images/image-04.jpg differ
diff --git a/images/image-05.jpg b/images/image-05.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..4117c830e6ce406b6bbf604b8943bebb2ec02a63
Binary files /dev/null and b/images/image-05.jpg differ
diff --git a/images/image-06.jpg b/images/image-06.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..82c3d5f3c8bcd0ce1b716d1fdfdf3194285f4a51
Binary files /dev/null and b/images/image-06.jpg differ
diff --git a/images/image-07.jpg b/images/image-07.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..cefb833c30938c494a1179695e5a10e88f5893db
Binary files /dev/null and b/images/image-07.jpg differ
diff --git a/images/image-08.jpg b/images/image-08.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..76045ef16931206aaea10247633743cf3e2af908
Binary files /dev/null and b/images/image-08.jpg differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..fdf204fbdaa3c433e170b1d562463535efa829e0
--- /dev/null
+++ b/index.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Document</title>
+ <link rel="stylesheet" href="style.css">
+</head>
+<body>
+ <section class="main">
+ <section class="explore">
+ <div class="explore-text">
+ <h4>Explore</h4>
+ <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam, consequatur.</p>
+ </div>
+ </section>
+ <section class="cards">
+ <div class="card-inner">
+ <img src="images/image-05.jpg" alt="4">
+ <h4>Lorem, ipsum dolor.</h4>
+ <h6>Lorem, ipsum.</h6>
+ <p>Lorem ipsum dolor sit amet consectetur.</p>
+ </div>
+ <div class="card-inner">
+ <img src="images/image-06.jpg" alt="4">
+ <h4>Lorem, ipsum dolor.</h4>
+ <h6>Lorem, ipsum.</h6>
+ <p>Lorem ipsum dolor sit amet consectetur.</p>
+ </div>
+ <div class="card-inner">
+ <img src="images/image-07.jpg" alt="4">
+ <h4>Lorem, ipsum dolor.</h4>
+ <h6>Lorem, ipsum.</h6>
+ <p>Lorem ipsum dolor sit amet consectetur.</p>
+ </div>
+ <div class="card-inner">
+ <img src="images/image-08.jpg" alt="4">
+ <h4>Lorem, ipsum dolor.</h4>
+ <h6>Lorem, ipsum.</h6>
+ <p>Lorem ipsum dolor sit amet consectetur.</p>
+ </div>
+ </section>
+</section>
+</body>
+</html>
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000000000000000000000000000000000000..e861671053f0754f63c4ed446759e616381cb1d5
--- /dev/null
+++ b/style.css
@@ -0,0 +1,42 @@
+*{
+ box-sizing: border-box;
+ margin: 0;
+}
+.main{
+ background-image:linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0.8)),url('/images/image-01.jpg');
+ background-position: center;
+ background-size: cover;
+ height: 100vh;
+}
+.explore{
+ text-align: center;
+ color: white;
+}
+
+.cards{
+ display: flex;
+ gap: 20px;
+ align-items: center;
+ justify-content: center;
+ margin-top: 30px;
+
+}
+
+.card-inner{
+ background-color: white;
+ width: 20%;
+ border-radius: 10px;
+ padding: 20px;
+ text-align: center;
+ color: black;
+}
+
+.card-inner p{
+ padding-top: 15px;
+ font-size: smaller;
+}
+
+.card-inner img{
+ width: 100%;
+ border-radius: 50%;
+}