learn-opensource.github.io/index.html at master · leodeleone/learn-opensource.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Learn Opensource</title>
    <link rel="shortcut icon" href="./img/logo.png" type="image/png" />
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/style.css">
    <!-- Favicons -->
    <link href="assets/img/favicon.png" rel="icon">
    <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
</head>

<body>
    <!--script that adds the navbar-->
    <script src="./js/component/navbar.js"></script>

    <!--landup page here!-->
    <div class="bg-light-main">
        <div class="container py-5">
            <div class="d-flex row align-items-center justify-items-center mh-100">
                <div class="col-sm-12 col-md-7 px-5">
                    <h1 class="display-4 font-weight-light">
                        <span class="text-main font-weight-bold">L</span>earn
                        <span class="text-main font-weight-bold">O</span>penSource
                    </h1>
                    <h4 class="my-3 display-5">Encouraging innovation through collaboration</h4>
                    <p class="lead font-weight-light">
                        Helping and building community of developers & student who are interested in
                        contributing and learning OpenSource.
                    </p>
                    <a href="https://github.com/learn-opensource" target="_blank">
                        <button
                            class="btn btn-primary shadow text-decoration-none btn-link px-5 py-3 mt-3 rounded-0 border-0 text-white bg-main">
                            Start Contributing <i class="fa fa-chevron-right pl-3"></i>
                        </button>
                    </a>
                </div>
                <div class="col-sm-12 col-md-5">
                    <img class="img-fluid d-none d-md-block" src="./img/banner.svg">
                </div>
            </div>
        </div>
    </div>
    <div>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
            <path fill="#6a4ea123" fill-opacity="1"
                d="M0,32L40,74.7C80,117,160,203,240,224C320,245,400,203,480,165.3C560,128,640,96,720,106.7C800,117,880,171,960,192C1040,213,1120,203,1200,181.3C1280,160,1360,128,1400,112L1440,96L1440,0L1400,0C1360,0,1280,0,1200,0C1120,0,1040,0,960,0C880,0,800,0,720,0C640,0,560,0,480,0C400,0,320,0,240,0C160,0,80,0,40,0L0,0Z">
            </path>
        </svg>
    </div>

    <!--projects-->
    <div class="container mb-5">
        <h1 class="my-3 text-muted display-light">Our Projects</h1>
        <div id="projects" class="row">
            <!--projects will be added using fetch from main.js file-->
            <!--template only!!-->
            <!--uncomment this to view the projects div & paste the updated look in main.js file!-->
            <!-- <div class="col-sm-12 col-md-4 p-2">
                <div class="rounded border border-dark p-3">
                    <h5 class="text-dark">
                        <a href="${link}" class="text-main">
                            <strong>${name}</strong>
                        </a>
                    </h5>
                    <p class="text-muted">${description}</p>
                    <div class="d-flex align-items-between">
                        <div class="mx-2"><i class="fa fa-star text-muted"></i> ${stars}</div>
                        <div class="mx-2"><i class="fa fa-code-branch text-muted"></i> ${forks}</div>
                    </div>
                </div>
            </div> -->
            <!--end othe template-->
        </div>
    </div>
    <!--end of projects-->

    <!--benefits section via script-->
    <script src="./js/component/benefits.js"></script>

    <!--footer-->
    <script src="./js/component/footer.js"></script>

    <!--scripts-->
    <script src="https://kit.fontawesome.com/a3f929b7cc.js" crossorigin="anonymous"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
        integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous">
    </script>
    <script src="./js/main.js"></script>
</body>

</html>