-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
103 lines (94 loc) · 4.37 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
95
96
97
98
99
100
101
102
103
<!DOCTYPE html>
<html>
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,
initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css" integrity="sha384-Smlep5jCw/wG7hdkwQ/Z5nLIefveQRIY9nfy6xoR1uRYBtpZgI6339F5dgvm/e9B" crossorigin="anonymous">
<link rel="stylesheet" href="stylesheet.css">
<title>My Webpage</title>
</head>
<body>
<!-- Navigation bar -->
<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
<a class="navbar-brand" href="#">Navbar</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarsExampleDefault">
<ul class="navbar-nav mr-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 class="nav-link" href="cs50.html">CS50</a>
</li>
<li class="nav-item">
<a class="nav-link" href="cs50w.html">CS50W</a>
</li>
<li class="nav-item">
<a class="nav-link" href="galaxy.html">The Galaxy</a>
</li>
</ul>
</div>
</nav>
<main role="main">
<!-- Jumbotron -->
<div class="jumbotron">
<div class="container">
<h1>Hello, world!</h1>
<p>This website is an exercise for the introductory web
development with python and javascript course CS50W on edx.</p>
<p><a class="btn btn-primary btn-lg"
href="https://courses.edx.org/courses/course-v1:HarvardX+CS50W+Web/course/"
role="button">Learn more</a></p>
</div>
</div>
<div class="container">
<p>Hello, world! I'm not really the design type, I'm more
insterrested in the technical side of things.</p>
<p>That doesn't mean that the technical side of design is of no
interrest to me, on the contrary I'm actually interrested in the
mechanics of css and all. But to be honnest, you would be
surprised by my capacity to corrupt and destroy anything
beautiful if I have to modify it.</p>
<p>So I won't spend too much time on this exercise, and will
only do what is needed to meet the required specifications, and
nothing more. Trust me, that's in your interrest too...</p>
</div>
<div class="container">
<div class="row">
<div class="col-sm">
<h2>CS50</h2>
<p>CS50 is an introducteur Computer Sciences course given by
the Harvard university.</p>
<p><a class="btn btn-secondary" href="cs50.html"
role="button">More info</a></p>
</div>
<div class="col-sm">
<h2>CS50W</h2>
<p>CS50W picks up where CS50 stopped and explores Web
developpment with python, javascript,
sql,...</p>
<p><a class="btn btn-secondary" href="cs50w.html"
role="button">More info</a></p>
</div>
<div class="col-sm">
<h2>The Galaxy</h2>
<p>There are actually other courses in the CS50 galaxy, with
different targets.</p>
<p><a class="btn btn-secondary" href="galaxy.html"
role="button">More info</a></p>
</div>
</div>
</div>
</main><!-- /.container -->
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.min.js" integrity="sha384-o+RDsa0aLu++PJvFqy8fFScvbHFLtbvScb8AjopnFD+iEQ7wo/CG0xlczd+2O/em" crossorigin="anonymous"></script>
</body>
</html>