diff --git a/about1.html b/about1.html
new file mode 100644
index 0000000..f5d74c2
--- /dev/null
+++ b/about1.html
@@ -0,0 +1,736 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <title>CodXCrypt-About</title>
+    <link rel="shortcut icon" href="images/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="description"
+        content="CodXCrypt is an open-source platform build for all the coding enthusiasts around the world">
+    <meta name="keywords" content="Programming, Web-Developement, Open-Source, Start up India">
+    <meta name="author" content="CodXCrypt">
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900" rel="stylesheet">
+
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">
+
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+
+    <link rel="stylesheet" href="css/animate.css">
+
+    <link rel="stylesheet" href="css/owl.carousel.min.css">
+    <link rel="stylesheet" href="css/owl.theme.default.min.css">
+    <link rel="stylesheet" href="css/magnific-popup.css">
+
+    <link rel="stylesheet" href="css/bootstrap-datepicker.css">
+    <link rel="stylesheet" href="css/jquery.timepicker.css">
+
+
+    <link rel="stylesheet" href="css/flaticon.css">
+    <link rel="stylesheet" href="css/style.css">
+
+    <style>
+        .container-1 {
+            max-width: 1000px;
+            margin: 100px auto;
+            margin-top: 3px;
+            display: flex;
+            flex-wrap: wrap;
+            justify-content: space-around;
+        }
+
+        .card {
+            position: relative;
+            margin: 20px 0;
+            width: 300px;
+            height: 400px;
+            background: #fff;
+            transform-style: preserve-3d;
+            transform: perspective(2000px);
+            box-shadow: inset 300px 0 50px rgba(0, 0, 0, .5), 0 20px 20px rgba(0, 0, 0, .5);
+            transition: 1s;
+        }
+
+        .card:hover {
+            z-index: 10000;
+            transform: perspective(2000px) rotate(-10deg);
+            box-shadow: inset 20px 0 50px rgba(0, 0, 0, .5), 0 10px 100px rgba(0, 0, 0, .5);
+        }
+
+        .card .p {
+            color: black;
+        }
+
+        .card .Box {
+            position: relative;
+            width: 100%;
+            height: 100%;
+            border: 1px solid #000;
+            box-sizing: border-box;
+            position: relative;
+            transform-origin: left;
+            z-index: 1;
+            transition: 1s cubic-bezier(.15, 1.7, .84, .58);
+            background: #111;
+        }
+
+        .card .Box img {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+        }
+
+        .card:hover .Box {
+            transform: rotateY(-135deg);
+        }
+
+        .card .details {
+            position: absolute;
+            top: 0;
+            left: 0;
+            box-sizing: border-box;
+            padding: 20px;
+            z-index: -1;
+        }
+
+
+
+        /*Caraosal*/
+
+
+        .outer-wrapper {
+            width: 80%;
+            margin: 50px auto;
+        }
+
+        .s-wrap {
+            width: 100%;
+            margin-bottom: 50px;
+            padding-bottom: 55%;
+            position: relative;
+            border: 10px solid #fff;
+            background-color: #efefe8;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+            overflow: hidden;
+        }
+
+        .s-wrap>input {
+            display: none;
+        }
+
+        .s-wrap .s-content {
+            margin: 0;
+            padding: 0;
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 500%;
+            height: 100%;
+            font-size: 0;
+            list-style: none;
+            transition: transform 1s;
+        }
+
+        .s-wrap .s-item {
+            display: inline-block;
+            width: 20%;
+            height: 100%;
+            background-repeat: no-repeat;
+            background-size: cover;
+        }
+
+        .s-wrap .s-item-1 {
+            background-image: url("images/caraosal.jpg");
+        }
+
+        .s-wrap .s-item-2 {
+            background-image: url("images/caraosal.jpg");
+        }
+
+        .s-wrap .s-item-3 {
+            background-image: url("images/caraosal.jpg");
+        }
+
+        .s-wrap .s-item-4 {
+            background-image: url("images/caraosal.jpg");
+        }
+
+        .s-wrap .s-item-5 {
+            background-image: url("images/caraosal.jpg");
+        }
+
+        .s-type-1 .s-control {
+            position: absolute;
+            bottom: 18px;
+            left: 50%;
+            text-align: center;
+            transform: translateX(-50%);
+            transition-timing-function: ease-out;
+        }
+
+        .s-type-1 .s-control>label[class^="s-c-"] {
+            display: inline-block;
+            width: 12px;
+            height: 12px;
+            margin-right: 10px;
+            border-radius: 50%;
+            border: 1px solid #999;
+            background-color: #efefe8;
+            cursor: pointer;
+        }
+
+        .s-type-1 .s-nav label {
+            display: none;
+            position: absolute;
+            top: 50%;
+            padding: 5px 10px;
+            transform: translateY(-50%);
+            cursor: pointer;
+        }
+
+        .s-type-1 .s-nav label::before,
+        .s-type-1 .s-nav label::after {
+            content: "";
+            display: block;
+            width: 8px;
+            height: 24px;
+            background-color: #fff;
+        }
+
+        .s-type-1 .s-nav label::before {
+            margin-bottom: -12px;
+        }
+
+        .s-type-1 .s-nav label.left {
+            left: 20px;
+        }
+
+        .s-type-1 .s-nav label.left::before {
+            transform: rotate(45deg);
+        }
+
+        .s-type-1 .s-nav label.left::after {
+            transform: rotate(-45deg);
+        }
+
+        .s-type-1 .s-nav label.right {
+            right: 20px;
+        }
+
+        .s-type-1 .s-nav label.right::before {
+            transform: rotate(-45deg);
+        }
+
+        .s-type-1 .s-nav label.right::after {
+            transform: rotate(45deg);
+        }
+
+        .s-type-1 #s-1:checked~.s-content {
+            transform: translateX(0%);
+        }
+
+        .s-type-1 #s-1:checked~.s-control .s-c-1 {
+            background-color: #333;
+        }
+
+        .s-type-1 #s-1:checked~.s-nav .s-nav-1 {
+            display: block;
+        }
+
+        .s-type-1 #s-2:checked~.s-content {
+            transform: translateX(-20%);
+        }
+
+        .s-type-1 #s-2:checked~.s-control .s-c-2 {
+            background-color: #333;
+        }
+
+        .s-type-1 #s-2:checked~.s-nav .s-nav-2 {
+            display: block;
+        }
+
+        .s-type-1 #s-3:checked~.s-content {
+            transform: translateX(-40%);
+        }
+
+        .s-type-1 #s-3:checked~.s-control .s-c-3 {
+            background-color: #333;
+        }
+
+        .s-type-1 #s-3:checked~.s-nav .s-nav-3 {
+            display: block;
+        }
+
+        .s-type-1 #s-4:checked~.s-content {
+            transform: translateX(-60%);
+        }
+
+        .s-type-1 #s-4:checked~.s-control .s-c-4 {
+            background-color: #333;
+        }
+
+        .s-type-1 #s-4:checked~.s-nav .s-nav-4 {
+            display: block;
+        }
+
+        .s-type-1 #s-5:checked~.s-content {
+            transform: translateX(-80%);
+        }
+
+        .s-type-1 #s-5:checked~.s-control .s-c-5 {
+            background-color: #333;
+        }
+
+        .s-type-1 #s-5:checked~.s-nav .s-nav-5 {
+            display: block;
+        }
+
+        @keyframes slider-animation {
+
+            0%,
+            7% {
+                transform: translateX(0%);
+            }
+
+            12.5%,
+            19.5% {
+                transform: translateX(-20%);
+            }
+
+            25%,
+            32% {
+                transform: translateX(-40%);
+            }
+
+            37.5%,
+            44.5% {
+                transform: translateX(-60%);
+            }
+
+            50%,
+            57% {
+                transform: translateX(-80%);
+            }
+
+            62.5%,
+            69.5% {
+                transform: translateX(-60%);
+            }
+
+            75%,
+            82% {
+                transform: translateX(-40%);
+            }
+
+            87.5%,
+            94.5% {
+                transform: translateX(-20%);
+            }
+        }
+
+        /*Event timeline*/
+
+
+        .timeline {
+            margin: 0 auto;
+            max-width: 750px;
+            padding: 25px;
+            display: grid;
+            grid-template-columns: 1fr 3px 1fr;
+            font-family: "Fira Sans", sans-serif;
+            color: #777777;
+        }
+
+        .timeline__component {
+            margin: 0 20px 20px 20px;
+        }
+
+        .timeline__component--bg {
+            padding: 1.5em;
+            background: rgba(255, 255, 255, 0.2);
+            box-shadow: 0 0 3px #106fb4;
+            border-radius: 10px;
+        }
+
+        /* LEAVE TILL LAST */
+        .timeline__component--bottom {
+            margin-bottom: 0;
+        }
+
+        .timeline__middle {
+            position: relative;
+            background: #d6d6d6;
+        }
+
+        .timeline__point {
+            position: absolute;
+            top: 0;
+            left: 50%;
+            transform: translateX(-50%);
+            width: 15px;
+            height: 15px;
+            background: #3F8BC3;
+            border-radius: 50%;
+        }
+
+        /* LEAVE TILL LAST */
+        .timeline__point--bottom {
+            top: initial;
+            bottom: 0;
+        }
+
+        .timeline__date--right {
+            text-align: right;
+            color: #106fb4;
+        }
+
+        .timeline__title {
+            margin: 0;
+            font-size: 1.15em;
+            font-weight: bold;
+            color: #391472;
+        }
+
+        .timeline__paragraph {
+            line-height: 1.5;
+        }
+
+        .timeline__date {
+            color: #106fb4;
+        }
+
+        .titol {
+            font-style: italic;
+        }
+    </style>
+
+
+</head>
+
+
+
+<body>
+
+
+    <div class="preloader">
+        <div class="cssload-whirlpool"></div>
+    </div>
+    <nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar">
+        <div class="container">
+            <a href="index.html"><span><img src="images/CodXCrypt.png" alt="" class="img-fluid"></span></a>
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav"
+                aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="oi oi-menu"></span> Menu
+            </button>
+
+            <div class="collapse navbar-collapse" id="ftco-nav">
+                <ul class="navbar-nav ml-auto">
+                    <li class="nav-item"><a href="index.html" class="nav-link">Home</a></li>
+                    <li class="nav-item active"><a href="about.html" class="nav-link">About</a></li>
+                    <li class="nav-item"><a href="team.html" class="nav-link">Our Team</a></li>
+                    <li class="nav-item"><a href="blog.html" class="nav-link">Blog</a></li>
+                    <li class="nav-item"><a href="contact.html" class="nav-link">Contact</a></li>
+                </ul>
+            </div>
+        </div>
+    </nav>
+    <!-- END nav -->
+    <!-- ======= Hero Section ======= -->
+    <section id="hero" class="d-flex align-items-center justify-content-center"
+        style="background-image:url(images/logo/heroback.jpg);">
+        <div class="container position-relative">
+            <h1>Welcome to CodXCrypt</h1>
+            <h2>Next Gen Coding Projects.</h2>
+            <a href="https://discord.gg/yaHDeS5BuX" class="btn-get-started scrollto" style="text-decoration: none;">Join
+                our Discord Server</a></h2>
+        </div>
+    </section>
+
+
+    <section class="about">
+
+        <div class="container" style="text-align: center;">
+            <h3 style="font-weight: bolder;color: rgb(55, 147, 238);">WELCOME TO CODXCRYPT COMMUNITY</h3>
+            <p style="font-weight:bolder;font-size:x-large;color: black;">An Open-Source Community For Beginners To
+                Outperform
+                Themselves</p>
+            <p style="font-weight:bolder;font-size:large;">CodXCrypt is an open-source platform build for all the coding
+                enthusiasts around the world who are
+                searching for the best of the codes to get their mind blowing with new ideas for coding project.We are a
+                young and thriving team of 23, burning our midnight oil to provide you with the best of the projects.
+                Started with the vision of our founder Unnati Chabbra and Co-Founder Shashank Agrawal, our team is
+                diverse with every single member with their unique expertise in different fields ranging from
+                development to social networking.Every member of the team aims to improve our efficiency, create and
+                find useful projects and develop ideas to uplift our community.</p>
+        </div>
+
+
+        <div class="container-1">
+
+            <div class="container-1">
+
+                <div>
+                    <h4 style="text-align: center;font-weight: bold;">OUR PLAN</h4>
+                    <div class="card" style="margin: 1vw;">
+                        <div class="Box">
+                            <img src="images/plan.png" style="width: 100%;height: 100%;">
+                        </div>
+                        <div class="details">
+                            <h2>Our Plan</h2>
+                            <p> Our plan is to provide an open source platform to coders to sharing their creations with
+                                the viewers and aiding budding minds. We have Mentors who are experienced and can help
+                                you with everything from scratch. </p>
+                        </div>
+                    </div>
+                </div>
+
+                <div>
+                    <h4 style="text-align: center;font-weight: bold;">OUR MISSION</h4>
+                    <div class="card" style="margin: 1vw;">
+                        <div class="Box">
+                            <img src="images/mission.png">
+                        </div>
+                        <div class="details">
+                            <h2>Our Mission</h2>
+                            <p>To provides you with well-structured and concise codes of various projects that are
+                                created by experienced coders. It contains coding projects ranging from beginner to
+                                expert level to give cater to everyone's needs.</p>
+                        </div>
+                    </div>
+                </div>
+
+                <div>
+                    <h4 style="text-align: center;font-weight: bold;">OUR VISION</h4>
+                    <div class="card" style="margin: 1vw;">
+                        <div class="Box">
+                            <img src="images/vision.png" style="width:100%;height: 100%;">
+                        </div>
+                        <div class="details">
+                            <h2>Our Vision</h2>
+                            <p>Our aim is to build a strong community for prospective attendees and mentors that provide
+                                wings to the careers of the coders all around the world acilitating knowledge sharing
+                                and discussion.</p>
+                        </div>
+                    </div>
+                </div>
+
+
+
+            </div>
+
+
+
+
+            <!--Carousal -->
+
+            <h2 style="text-align: center;font-size:4vw;margin-top: 1vw;">Some of our Event highlights</h2>
+            <div class="outer-wrapper">
+                <div class="s-wrap s-type-1" role="slider">
+                    <input type="radio" id="s-1" name="slider-control" checked="checked">
+                    <input type="radio" id="s-2" name="slider-control">
+                    <input type="radio" id="s-3" name="slider-control">
+                    <input type="radio" id="s-4" name="slider-control">
+                    <input type="radio" id="s-5" name="slider-control">
+                    <ul class="s-content">
+                        <li class="s-item s-item-1"></li>
+                        <li class="s-item s-item-2"></li>
+                        <li class="s-item s-item-3"></li>
+                        <li class="s-item s-item-4"></li>
+                        <li class="s-item s-item-5"></li>
+                    </ul>
+                    <div class="s-control">
+                        <label class="s-c-1" for="s-1"></label>
+                        <label class="s-c-2" for="s-2"></label>
+                        <label class="s-c-3" for="s-3"></label>
+                        <label class="s-c-4" for="s-4"></label>
+                        <label class="s-c-5" for="s-5"></label>
+                    </div>
+                    <div class="s-nav">
+                        <label class="s-nav-1 right" for="s-2"></label>
+                        <label class="s-nav-2 left" for="s-1"></label>
+                        <label class="s-nav-2 right" for="s-3"></label>
+                        <label class="s-nav-3 left" for="s-2"></label>
+                        <label class="s-nav-3 right" for="s-4"></label>
+                        <label class="s-nav-4 left" for="s-3"></label>
+                        <label class="s-nav-4 right" for="s-5"></label>
+                        <label class="s-nav-5 left" for="s-4"></label>
+                    </div>
+                </div>
+            </div>
+
+
+            <!--Event timeline-->
+
+
+            <div class="timeline">
+                <div class="timeline__component">
+                    <div class="timeline__date timeline__date--right">30th Sept, 2021</div>
+                </div>
+                <div class="timeline__middle">
+                    <div class="timeline__point"></div>
+                </div>
+                <div class="timeline__component timeline__component--bg">
+                    <h2 class="timeline__title">Session name</h2>
+                    <p class="timeline__paragraph">
+                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod, amet.
+                        <span class="titol"><a href="#" target="_blank">Session link</a></span>.
+                    </p>
+                </div>
+
+                <div class="timeline__component timeline__component--bg">
+                    <h2 class="timeline__title">Session name</h2>
+                    <p class="timeline__paragraph">
+                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente, tempora?
+                        <span class="titol"><a href="#" target="_blank">Session link</a></span>.
+                    </p>
+                </div>
+
+                <div class="timeline__middle">
+                    <div class="timeline__point"></div>
+                </div>
+                <div class="timeline__component">
+                    <div class="timeline__date">15th Aug, 2021</div>
+                </div>
+
+                <div class="timeline__component">
+                    <div class="timeline__date timeline__date--right">1st April, 2021</div>
+                </div>
+                <div class="timeline__middle">
+                    <div class="timeline__point"></div>
+                </div>
+
+                <div class="timeline__component timeline__component--bg">
+                    <h2 class="timeline__title">Session name</h2>
+                    <p class="timeline__paragraph">
+                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod, amet.
+                        <span class="titol"><a href="#" target="_blank">Session link</a></span>.
+                    </p>
+                </div>
+
+                <div class="timeline__component timeline__component--bottom timeline__component--bg">
+                    <h2 class="timeline__title">Session name</h2>
+                    <p class="timeline__paragraph">
+                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod, amet.
+                        <span class="titol"><a href="#" target="_blank">Session link</a></span>.
+                    </p>
+                </div>
+
+
+                <div class="timeline__middle">
+                    <div class="timeline__point"></div>
+                    <div class="timeline__point timeline__point--bottom"></div>
+                </div>
+                <div class="timeline__component timeline__component--bottom">
+                    <div class="timeline__date">21st March, 2021</div>
+                </div>
+            </div>
+
+
+
+
+    </section>
+
+
+
+    <!-- Footer  -->
+
+    <footer id="footer">
+
+        <div class="footer-top">
+            <div class="container">
+                <div class="row">
+
+                    <div class="col-lg-3 col-md-6 footer-contact">
+                        <h3 style="font-weight: 600;">CodXCrypt</h3>
+                        <p>
+                            New Delhi, <br>
+                            India<br>
+                            <br>
+                            <strong>Phone:</strong> +91 80586 84414<br>
+                            <strong>Email:</strong> <a
+                                href="mailto: codxcryptcommunity@gmail.com">codxcryptcommunity@gmail.com</a><br>
+                        </p>
+                    </div>
+
+                    <div class="col-lg-2 col-md-6 footer-links">
+                        <h4>Useful Links</h4>
+                        <ul>
+                            <li><i class="bx bx-chevron-right"></i> <a href="index.html">Home</a></li>
+                            <li><i class="bx bx-chevron-right"></i> <a href="about.html">About us</a></li>
+                            <li><i class="bx bx-chevron-right"></i> <a href="team.html">Our Team</a></li>
+                            <li><i class="bx bx-chevron-right"></i> <a href="blog.html">Blog</a></li>
+                        </ul>
+                    </div>
+
+                    <div class="col-lg-3 col-md-6 footer-links">
+                        <h4>Our Services</h4>
+                        <ul>
+                            <li><i class="bx bx-chevron-right"></i> <a href="team.html">Web Design</a></li>
+                            <li><i class="bx bx-chevron-right"></i> <a href="team.html">Web Development</a></li>
+                            <li><i class="bx bx-chevron-right"></i> <a href="team.html">Android Development</a></li>
+                            <li><i class="bx bx-chevron-right"></i> <a href="team.html">Open source</a></li>
+                            <li><i class="bx bx-chevron-right"></i> <a href="team.html">Programming Resources</a></li>
+                        </ul>
+                    </div>
+
+                    <div class="col-lg-4 col-md-6 footer-newsletter">
+                        <h4>Join Our Newsletter</h4>
+                        <p>For regular updates subscribe to our newsletter</p>
+                        <form action="" method="post">
+                            <input type="email" name="email"><input type="submit" value="Subscribe">
+                        </form>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+
+        <div class="container d-md-flex py-4">
+
+
+            <div class="social-links text-center text-md-right pt-3 pt-md-0">
+                <a href="https://discord.gg/yaHDeS5BuX"><i class="fab fa-discord"></i></a>
+                <a href="https://www.instagram.com/codxcrypt/" class="fa fa-instagram fa-2x"></a>
+                <a href="https://www.linkedin.com/company/codxcryptcommunity/" class="fa fa-linkedin fa-2x"></a>
+                <a href="https://www.youtube.com/channel/UCInFaJ1OUf5UGl5soiO_8ng"><i class="fa fa-youtube-play"
+                        aria-hidden="true"></i></a>
+                <a href="https://t.me/codxcryptdsacp"><i class="fa fa-telegram"></i></a>
+            </div>
+            <button onclick="topFunction()" id="myBtn" title="Go to top">Go to Top</button>
+        </div>
+        <p style="text-align:center;">Copyright @Copyright 2020 CodXCrypt Community | All rights reserved</p>
+
+    </footer><!-- End Footer -->
+
+
+
+
+
+    <script src="js/jquery.min.js"></script>
+    <script src="js/jquery-migrate-3.0.1.min.js"></script>
+    <script src="js/popper.min.js"></script>
+    <script src="js/bootstrap.min.js"></script>
+    <script src="js/jquery.easing.1.3.js"></script>
+    <script src="js/jquery.waypoints.min.js"></script>
+    <script src="js/jquery.stellar.min.js"></script>
+    <script src="js/owl.carousel.min.js"></script>
+    <script src="js/jquery.magnific-popup.min.js"></script>
+    <script src="js/jquery.animateNumber.min.js"></script>
+    <script src="js/bootstrap-datepicker.js"></script>
+    <script src="js/scrollax.min.js"></script>
+    <script
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
+    <script src="js/google-map.js"></script>
+    <script src="js/main.js"></script>
+    <script src="js/preloaderjs.js"></script>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
+
+</body>
+
+</html>
diff --git a/images/caraosal.jpg b/images/caraosal.jpg
new file mode 100644
index 0000000..30b85a6
Binary files /dev/null and b/images/caraosal.jpg differ
diff --git a/images/mission.png b/images/mission.png
new file mode 100644
index 0000000..eee59f6
Binary files /dev/null and b/images/mission.png differ
diff --git a/images/plan.png b/images/plan.png
new file mode 100644
index 0000000..75c06ec
Binary files /dev/null and b/images/plan.png differ
diff --git a/images/vision.png b/images/vision.png
new file mode 100644
index 0000000..3011f93
Binary files /dev/null and b/images/vision.png differ
