forked from jgualtieri/bootstrap_workshop
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfinal_product.html
125 lines (122 loc) · 4.77 KB
/
final_product.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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!DOCTYPE html>
<html>
<head>
<title>CS Survival Guide</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class = "icon-bar"></span>
<span class = "icon-bar"></span>
<span class = "icon-bar"></span>
</button>
<a class="navbar-brand" href="#">CS Survival Guide</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Favorite Classes</a></li>
<li><a href="#">Top Languages</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
<li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="jumbotron">
<div>
<h1>Dartmouth CS Survival Guide</h1>
<p>Welcome to the homepage of the Dartmouth CS Survival Guide - your home
for helpful tips, tricks, and stories to help you get through your time
as a CS major.</p>
</div>
</div>
</div>
<div class="container-fluid">
<h2>Top 5 Common CS Mistakes to Avoid</h2>
<div class="row">
<div class="col-md-6">
<h3>#1: Segmentation Faults (Core Dumped)</h3>
<p>
As anyone who has programmed in C knows, working with a language
that is not memory safe can be a blessing and a curse. One
negative of low-level access is the segfault, which is caused
by a program trying to read or write an illegal memory location.
Some students have dubbed recieving this common programming error
'Taking a segfault to the face'.
</p>
</div>
<div class="col-md-6">
<h3>#2: Procrastination</h3>
<p>
The only possible thing that makes a CS lab harder is when its
due at midnight and it’s 10pm. Being a CS major and procrastinating
is probably a bad combination, like beans and red wine. Most
CS labs are time consuming to say the least, so starting the day
they are due is definitely not a good idea.
</p>
</div>
</div>
<div class="row">
<div class="col-md-6">
<h3>#3: Not Using Git</h3>
<p>
As a student, especially if no one else is working on your code,
using Git can seem tedious and unneccessary. Why learn this complicated
new system and follow a new workflow? Well, as anyone who has tried
and failed at a major change and forgotten to back up their work knows,
using Git correctly can be crucial to success. Proper Git usage can
save invaluable time and is a necessary skill for group work.
</p>
</div>
<div class="col-md-6">
<h3>#4: Getting Cooked</h3>
<p>
Ever tried taking two systems level programming courses in the same
term? Or how about saving an entire CS50 lab until the last minute?
The term to descrive these situations, in which there is an unrealistic
or overly difficult amount of work to be done in a short period of time,
is 'getting cooked'. As a CS major, it is imperative to select your
schedule judiciously and use proper time management to avoid getting
cooked at all costs.
</p>
</div>
</div>
<div class="row">
<div class="col-md-6">
<h3>#5: Forgetting How to Code</h3>
<p>
What's that you say? How could a programmer possibly forget how to
code? Well you're right, they probably couldn't. The problem is
that we had to make up some content for this tutorial and we
ran out of ideas.
</p>
</div>
<div class="col-md-6">
</div>
</div>
</div>
<footer>
<div class="container-fluid">
<ul class="nav navbar-nav">
<li><a href="#">ORC</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Schedule</a></li>
<li><a href="#">Major</a></li>
<li><a href="#">Professors</a></li>
</ul>
</footer>
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>