diff --git a/index.html b/index.html
index ce954a5..67fdf25 100644
--- a/index.html
+++ b/index.html
@@ -1,207 +1,40 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <!-- Basic -->
-        <meta charset="utf-8" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- Mobile Metas -->
-        <meta
-            name="viewport"
-            content="width=device-width, initial-scale=1, shrink-to-fit=no"
-        />
-        <!-- Site Metas -->
-        <meta name="keywords" content="" />
-        <meta name="description" content="" />
-        <meta name="author" content="" />
-        <link rel="shortcut icon" href="images/favicon.png" type="" />
-
-        <title>MuLearn</title>
-
-        <!-- bootstrap core css -->
-        <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
-
-        <!-- fonts style -->
-        <link
-            href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap"
-            rel="stylesheet"
-        />
-
-        <!--owl slider stylesheet -->
-        <link
-            rel="stylesheet"
-            type="text/css"
-            href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"
-        />
-
-        <!-- font awesome style -->
-        <link href="css/font-awesome.min.css" rel="stylesheet" />
-
-        <!-- Custom styles for this template -->
-        <link href="css/style.css" rel="stylesheet" />
-        <!-- responsive style -->
-        <link href="css/responsive.css" rel="stylesheet" />
-    </head>
-
-    <body>
-        <div class="hero_area">
-            <div class="hero_bg_box">
-                <div class="bg_img_box">
-                    <img src="images/hero-bg.png" alt="" />
-                </div>
-            </div>
-
-            <!-- header section strats -->
-            <header class="header_section">
-                <div class="container-fluid">
-                    <nav class="navbar navbar-expand-lg custom_nav-container">
-                        <a class="navbar-brand" href="index.html">
-                            <span> MuLearn </span>
-                        </a>
-
-                        <button
-                            class="navbar-toggler"
-                            type="button"
-                            data-toggle="collapse"
-                            data-target="#navbarSupportedContent"
-                            aria-controls="navbarSupportedContent"
-                            aria-expanded="false"
-                            aria-label="Toggle navigation"
-                        >
-                            <span class=""> </span>
-                        </button>
-
-                        <div
-                            class="collapse navbar-collapse"
-                            id="navbarSupportedContent"
-                        >
-                            <ul class="navbar-nav"></ul>
-                        </div>
-                    </nav>
-                </div>
-            </header>
-            <!-- end header section -->
-            <!-- slider section -->
-            <section class="slider_section">
-                <div
-                    id="customCarousel1"
-                    class="carousel slide"
-                    data-ride="carousel"
-                >
-                    <div class="carousel-inner">
-                        <div class="carousel-item active">
-                            <div class="container">
-                                <div class="row">
-                                    <div class="col-md-6">
-                                        <div class="detail-box">
-                                            <h1>
-                                                Github<br />
-                                                Pages
-                                            </h1>
-                                            <p>
-                                                Hosting your first GitHub web
-                                                page
-                                            </p>
-                                        </div>
-                                    </div>
-                                    <div class="col-md-6">
-                                        <div class="img-box">
-                                            <img
-                                                src="images/slider-img.png"
-                                                alt=""
-                                            />
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="carousel-item">
-                            <div class="container">
-                                <div class="row">
-                                    <div class="col-md-6">
-                                        <div class="detail-box">
-                                            <h1>Step One</h1>
-                                            <p>
-                                                Fork the GitHub template
-                                                repository, give the repo any
-                                                name you wish.
-                                            </p>
-                                        </div>
-                                    </div>
-                                    <div class="col-md-6">
-                                        <div class="img-box">
-                                            <img
-                                                src="images/slider-img.png"
-                                                alt=""
-                                            />
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="carousel-item">
-                            <div class="container">
-                                <div class="row">
-                                    <div class="col-md-6">
-                                        <div class="detail-box">
-                                            <h1>Step Two</h1>
-                                            <p>
-                                                Go to the repo settings then click on
-                                                Pages tab on the left, Go to the branch section, change the "None" to "main" and click on save.
-												That's all, your are done.
-                                            </p>
-                                        </div>
-                                    </div>
-                                    <div class="col-md-6">
-                                        <div class="img-box">
-                                            <img
-                                                src="images/slider-img.png"
-                                                alt=""
-                                            />
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <ol class="carousel-indicators">
-                        <li
-                            data-target="#customCarousel1"
-                            data-slide-to="0"
-                            class="active"
-                        ></li>
-                        <li
-                            data-target="#customCarousel1"
-                            data-slide-to="1"
-                        ></li>
-                        <li
-                            data-target="#customCarousel1"
-                            data-slide-to="2"
-                        ></li>
-                    </ol>
-                </div>
-            </section>
-            <!-- end slider section -->
-        </div>
-
-        <!-- jQery -->
-        <script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
-        <!-- popper js -->
-        <script
-            src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
-            integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
-            crossorigin="anonymous"
-        ></script>
-        <!-- bootstrap js -->
-        <script type="text/javascript" src="js/bootstrap.js"></script>
-        <!-- owl slider -->
-        <script
-            type="text/javascript"
-            src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"
-        ></script>
-        <!-- custom js -->
-        <script type="text/javascript" src="js/custom.js"></script>
-        <!-- Google Map -->
-        <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCh39n5U-4IoWpsVGUHWdqB6puEkhRLdmI&callback=myMap"></script>
-        <!-- End Google Map -->
-    </body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="styles.css">
+    <title>Portfolio</title>
+</head>
+<body>
+    <h1>Hello Im a front end developer</h1>
+    <p>I do UI designs, Front end UI Development, Captivating 
+        Poster Designs. My sure hit effect will not let you 
+        refuse my designs
+    </p>
+    <img src="/dot_3x4.png" alt="">
+    <hr>
+    <ul>
+        <li>designing</li>
+        <li>Ui designing</li>
+        <li>web development</li>
+    </ul>
+    <ol>
+        <li>designing</li>
+        <li>Ui designing</li>
+        <li>web development</li>       
+    </ol>
+    <hr>
+    <h3>About me</h3>
+    <p>
+        im aswin ganga, im a student aat college of engineerig thalassery. I love listening to musinc and binge watching anime and tv shows. I love playing badminton
+    </p>
+    <hr>
+    <h3>Contact info</h3>
+    <ul>
+        <li>Phone : 495598568</li>
+        <li>email : example@gmail.com</li>
+        <li>Instagram : blah_blah</li>
+    </ul>
+</body>
+</html>
\ No newline at end of file
