learn.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>DSC Explore Courses</title>
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="author" content="DSC University Name">
    <meta name="description" content="Access exclusive content from all across the web to make you a better developer. All the content is free.">
    <meta name="keywords" content="dsc,developer student clubs,google developers, sub saharan africa, students, technology, computer science">
    <link href="src/css/ionicons.min.css" rel="stylesheet">
    <link rel="manifest" href="manifest.json">
    <meta name="theme-color" content="#2F5BE7">
    <link rel="icon" href="src/images/icon.png" type="image/png">
    <link rel="stylesheet" href="src/css/owl.carousel.min.css">
    <link rel="stylesheet" href="src/css/bootstrap.min.css">
    <link href="https://fonts.googleapis.com/css?family=Google+Sans:400,500,700|Material+Icons" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="src/css/pace-theme.css">
    <link rel="stylesheet" href="src/css/styles.css">
    <link rel="stylesheet" href="src/css/responsive.css">
    <!-- <script>(function (i, s, o, g, r, a, m) {
            i['GoogleAnalyticsObject'] = r;
            i[r] = i[r] || function () {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date();
            a = s.createElement(o),
                m = s.getElementsByTagName(o)[0];
            a.async = 1;
            a.src = g;
            m.parentNode.insertBefore(a, m)
        })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
        ga('create', 'UA-124904500-1', 'auto');
        ga('send', 'pageview');</script> -->
</head>

<body class="x-hidden has-sticky-header">
    <nav class="navbar navbar-expand-lg fixed-top custom-menu custom-menu__light">
        <div class="container"><a class="navbar-brand" href="#"><img src="src/images/tutorial.png" height="35" alt="Image"> </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="menu-icon__circle"></span> <span class="menu-icon"><span class="menu-icon__bar"></span> <span class="menu-icon__bar"></span> <span class="menu-icon__bar"></span></span></button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav ml-lg-auto">
                    <li class="nav-item active"><a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a></li>
                    <!-- <li class="nav-item"><a href="projects.html" class="nav-link">Projects</a></li>
                    <li class="nav-item"><a href="index.html" class="nav-link">Stories</a></li> -->
                </ul>
            </div>
        </div>
    </nav>
    <section id="web" class="section-spacer">
        <header class="section-header text-center">
            <h2 class="section-title">Share experiences and free resources</h2>
        </header>
        <div class="container">
            <div class="row">
                <div class="col-md-4 col-12">
                    <div class="card course-card" style="width: 22rem;"><img class="card-img-top" src="src/images/assets/courses/intro-js.png" alt="Card image cap">
                        <div class="card-body">
                            <p class="tagging beginner float-right">Beginner</p>
                            <h5 class="card-title">Intro to JavaScript</h5>
                            <p class="card-text">Learn the fundamentals of Javascript syntax. Explore Javascript fundamentals by learning how to define variables and use data types...</p><a href="https://www.udacity.com/course/intro-to-javascript--ud803" class="button float-right" target="_blank" rel="noopener noreferrer">View course</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-12">
                    <div class="card course-card" style="width: 22rem;"><img class="card-img-top" src="src/images/assets/courses/kotlin.png" alt="Card image cap">
                        <div class="card-body">
                            <p class="tagging intermediate float-right">Intermediate</p>
                            <h5 class="card-title">Kotlin for Android Developers</h5>
                            <p class="card-text">Take an Android notepad app and convert it from Java to Kotlin, learning key features of the Kotlin programming language...</p><a href="https://classroom.udacity.com/courses/ud888" class="button float-right" target="_blank" rel="noopener noreferrer">View course</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-12">
                    <div class="card course-card" style="width: 22rem;"><img class="card-img-top" src="src/images/assets/courses/best-prac.png" alt="Card image cap">
                        <div class="card-body">
                            <p class="tagging expert float-right">Expert</p>
                            <h5 class="card-title">JavaScript best practices</h5>
                            <p class="card-text">This course is designed to take your existing JavaScript knowledge and teach you how to leverage patterns and practices to take...</p><a href="https://app.pluralsight.com/player?course=javascript-best-practices&author=jonathan-mills&name=javascript-best-practices" class="button float-right" target="_blank" rel="noopener noreferrer">View course</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-12">
                    <div class="card course-card" style="width: 22rem;"><img class="card-img-top" src="src/images/assets/flutter.png" alt="Card image cap">
                        <div class="card-body">
                            <p class="tagging intermediate float-right">Biginner</p>
                            <h5 class="card-title">Introduction to flutter</h5>
                            <p class="card-text">Create the same mobile app for both Android and iOS. Flutter is a simple and high-performance framework based on Dart language.</p><a href="https://www.udacity.com/course/build-native-mobile-apps-with-flutter--ud905" class="button float-right" target="_blank" rel="noopener noreferrer">View course</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-12">
                    <div class="card course-card" style="width: 22rem;"><img class="card-img-top" src="src/images/assets/courses/intro-js.png" alt="Card image cap">
                        <div class="card-body">
                            <p class="tagging beginner float-right">Beginner</p>
                            <h5 class="card-title">Intro to JavaScript</h5>
                            <p class="card-text">Learn the fundamentals of Javascript syntax. Explore Javascript fundamentals by learning how to define variables and use data types...</p><a href="https://www.udacity.com/course/intro-to-javascript--ud803" class="button float-right" target="_blank" rel="noopener noreferrer">View course</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <footer class="section-spacer footer-section">
        <div class="container">
            <div class="row flex-column-reverse flex-sm-row flex-lg-row">
                <div class="col-md-4 col-12">
                    <div class="footer-widget first-of-footer-widget"><img data-src="src/images/footer-logo.png" class="logo-sm mb-10" alt="DSC MMMUT">
                        <p>Developed with 🖤 by <a style =" color: blue;"href="https://coderaky.com" target="_blank" rel="noreferrer">coderaky</a></p>
                        <p>&copy; 2020 | All Rights Reserved.</p><span>Feel free to drop us an email at </span><a href="mailto:mmmutdsc@gmail.com">mmmutdsc@gmail.com</a>
                        
                        <!-- <ul class="social-list__inline mt-10">
                            <li><a href="https://twitter.com/DSCUniversityName" target="_blank" rel="noopener"><i class="fab fa-twitter"></i></a></li>
                            <li><a href="https://github.com/DSCUniversityName" target="_blank" rel="noopener"><i class="fab fa-github"></i></a></li>
                            <li><a href=""><i class="fab fa-slack"></i></a></li>
                            <li><a href="https://www.youtube.com/user/GoogleDevelopers" target="_blank" rel="noopener"><i class="fab fa-youtube"></i></a></li>
                        </ul> -->

                    </div>
                </div>
                <div class="col-md-8 col-sm-10">
                    <div class="row">
                        <div class="col-md-4 col-6">
                            <div class="footer-widget">
                                <h4 class="footer-widget__title">Programs</h4>
                                <ul class="list-unstyled">
                                    <li><a href="https://www.womentechmakers.com/" target="_blank" rel="noreferrer">Women Techmakers</a></li>
                                    <li><a href="https://developers.google.com/experts/" target="_blank" rel="noreferrer">Google Developer Experts</a></li>
                                    <li><a href="https://developers.google.com/programs/community/" target="_blank" rel="noreferrer">Google Developer Groups</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-4 col-6">
                            <div class="footer-widget">
                                <h4 class="footer-widget__title">Developers</h4>
                                <ul>
                                    <li class="list-unstyled"></li>
                                    <li><a href="https://console.firebase.google.com/" target="_blank" rel="noreferrer">Firebase console</a></li>
                                    <li><a href="https://console.cloud.google.com/" target="_blank" rel="noreferrer">Google Cloud Platform</a></li>
                                    <li><a href="https://console.actions.google.com/" target="_blank" rel="noreferrer">Actions on Google</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="footer-widget">
                                <h4 class="footer-widget__title">DSC</h4>
                                <ul class="list-unstyled">
                                    <li><a href="https://developers.google.com/community/dsc/" target="_blank" rel="noreferrer">About</a></li>
                                    <li><a href="https://developers.google.com/community/guidelines" target="_blank" rel="noreferrer">Community Guidelines</a></li>
                                    <li><a href="https://events.withgoogle.com/dsc-solution-challenge/" target="_blank" rel="noreferrer">Solution Challenge</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer><a href="#" id="scroll" style="display: none;"><i class="fas fa-angle-up"></i></a>
    <script src="src/js/vendors/pace.js"></script>
    <script src="src/js/vendors/jquery.min.js"></script>
    <script src="src/js/vendors/bootstrap.bundle.min.js"></script>
    <script src="src/js/vendors/jquery.magnific-popup.min.js"></script>
    <script src="src/js/vendors/jquery.easing.min.js"></script>
    <script src="src/js/vendors/swiper.min.js"></script>
    <script src="src/js/custom.js"></script>
</body>

</html>