forked from anuj840/learn-opensource.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
94 lines (85 loc) · 4.23 KB
/
index.html
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
<!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="https://unpkg.com/[email protected]/dist/aos.css">
<link rel="stylesheet" href="./css/style.css">
</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 mt-3">
<h1 class="display-4 font-weight-light" data-aos="fade-in" data-aos-delay="100">
<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 display-light d-none d-md-block" data-aos="fade-bottom"
data-aos-delay="300">
<strong>Encouraging innovation through collaboration</strong></h4>
<p class="lead font-weight-light" data-aos="fade-in" data-aos-delay="600">
Helping and building community of developers & student who are interested in
contributing and learning OpenSource.
</p>
<a href="./resources.html" target="_blank" data-aos-delay="800" data-aos="fade-bottom">
<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">
Read Resources
</button>
</a>
</div>
<div class="col-sm-12 col-md-5" data-aos="fade-left">
<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"></div>
</div>
<!--end of projects-->
<!--contributors-->
<div class="container mb-4">
<h1 class="my-3 text-muted display-light">Contributors</h1>
<marquee behavior="sliding" onmouseover="this.stop();" scrollamount="infinite" onmouseout="this.start();"
direction="left" id="contributors" class="d-inline-flex flex-row">
</marquee>
</div>
<!--end of contributors-->
<!--benefits section via static script-->
<script src="./js/component/benefits.js"></script>
<!--footer-->
<script src="./js/component/footer.js"></script>
<!--scripts-->
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<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 type="module" src="./js/main.js"></script>
<script>
AOS.init({
duration: 700,
offset: 180
});
</script>
</body>
</html>