-
Notifications
You must be signed in to change notification settings - Fork 1
/
openSource.html
55 lines (51 loc) · 3.07 KB
/
openSource.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<link rel="stylesheet" href="./assets/css/style.css" />
<title>Info on Open Source</title>
</head>
<body>
<header class="d-flex justify-content-center">
<!-- logo that links to issue page -->
<a href="./index.html">
<img src="./assets/images/logo.png" class="logo img-fluid">
</a>
</header>
<main class="d-flex justify-content-center flex-column">
<section class="container">
<div class="row justify-content-center">
<div class="about border rounded p-3 my-3">
<h2 class="text-center" >What are open source projects?</h2>
<p>Projects that YOU can contribute to! The code is publicly accessible and you can read it,
and even modify or enhance it. Open source projects do not have one author, but are instead
made by communities. See below for helpful resources.</p>
</div>
<div class="d-flex justify-content-center">
<div class="card info-card" style="width: 18rem; margin: 5px 25px;">
<a href="https://opensource.guide/">
<img class="card-img-top" src="./assets/images/guides_img.png" alt="Card image cap">
</a>
<div class="card-body">
<p class="card-text">A list of helpful guides including How to Contribute to Open Source, The Legal Side of Open Source, and Finding Users for Your Project.</p>
</div>
</div>
<div class="card info-card" style="width: 18rem; margin: 5px 25px;">
<a href="https://github.com/firstcontributions/first-contributions">
<img class="card-img-top" src="./assets/images/first_cont_img.png" alt="Card image cap">
</a>
<div class="card-body">
<p class="card-text">A GitHub repository used to guide beginners to make their first contribution to open source.</p>
</div>
</div>
</div>
</div>
</section>
</main>
</body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
<script src="./assets/js/index.js"></script>
</html>