-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
179 lines (161 loc) · 6.12 KB
/
index.html
File metadata and controls
179 lines (161 loc) · 6.12 KB
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
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<!DOCTYPE HTML>
<!--
Phantom by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title> ProgramBase </title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="inner">
<!-- Logo -->
<a href="index.html" class="logo">
<span class="symbol"><img src="images/logo2.svg" alt=""></span><span class="title">ProgramBase </span>
</a>
<!-- Nav -->
<nav>
<ul>
<li><a href="#menu">Menu</a></li>
</ul>
</nav>
</div>
</header>
<!-- Menu -->
<nav id="menu">
<h2>Menu</h2>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="leaderboard.html">Leaderboard</a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<div class="inner">
<header>
<h1>A Complete Beginner's Guide to Programming</h1>
<h3>Who Are We?</h3>
<p>Hello and welcome to ProgramBase! Our team is made up of software developers that aim to build a platform that allows anyone to learn about programming and gain expertise through well-written quizzes and course materials. ProgramBase is a web app where you can learn and improve your coding skills from developers who have been in your shoes. </p>
<h3>What is coding?</h3>
<p1>Software engineering encompasses a wide range of procedures, including coding. So, what exactly is coding in the context of software engineering?
It's just the process of turning human instructions into a computer-readable language.</p1>
<h2> </h2>
<h3>What is programming?</h3>
<p1>While coding is a crucial aspect of software development, it is far from the most important.
You must complete many further steps in order to create a product. Planning, design, testing, deployment, and even maintenance are among them.
The entire procedure is referred to as programming.</p1>
<h2> </h2>
<h1>Let's get started! </h1>
<h2>Lesson 1:</h2>
<h2> </h2>
</header>
<section class="tiles">
<article class="style1">
<span class="image">
<img src="images/pic01.jpg" alt="" />
</span>
<a href="api_connect_test.html?track=1">
<h2>Intro to Python</h2>
<div class="content">
<p>Using numbers and printing in Python</p>
</div>
</a>
</article>
<article class="style2">
<span class="image">
<img src="images/pic02.jpg" alt="" />
</span>
<a href="api_connect_test.html?track=2">
<h2>Intro to Python II</h2>
<div class="content">
<p>Variables</p>
</div>
</a>
</article>
<article class="style3">
<span class="image">
<img src="images/pic03.jpg" alt="" />
</span>
<a href="api_connect_test.html?track=3">
<h2>Intro to Python III</h2>
<div class="content">
<p>String Indexing</p>
</div>
</a>
</article>
<article class="style4">
<span class="image">
<img src="images/pic04.jpg" alt="" />
</span>
<a href="api_connect_test.html?track=4">
<h2>Intro to C++</h2>
<div class="content">
<p>Using using numbers in and printing in C++</p>
</div>
</a>
</article>
<article class="style5">
<span class="image">
<img src="images/pic05.jpg" alt="" />
</span>
<a href="api_connect_test.html?track=5">
<h2>Intro to C++ II</h2>
<div class="content">
<p>Math in C++</p>
</div>
</a>
</article>
<article class="style6">
<span class="image">
<img src="images/pic06.jpg" alt="" />
</span>
<a href="api_connect_test.html?track=6">
<h2>Intro to C++ III</h2>
<div class="content">
<p>Loops and if statements</p>
</div>
</a>
</article>
</section>
</div>
</div>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<section>
<h2>Our Purpose</h2>
<p>As a team, we created this coding web app because we understand the challenges one faces when learning to code. Throughout the creation of the course, we strived to make the material simple, understandable, and helpful for solving all kinds of problems. Our course materials are completely free, and we cannot wait for you to start learning.</p>
<h2>Follow and Contact</h2>
<ul class="icons">
<li><a href="https://github.com/HackMerced2022" class="icon brands style2 fa-github" target="_blank"><span class="label">GitHub</span></a></li>
<li><a href="tel:6038091268" class="icon solid style2 fa-phone"><span class="label">Phone</span></a></li>
<li><a href="mailto:tylerrussin2@gmail.com" class="icon solid style2 fa-envelope"><span class="label">Email</span></a></li>
</ul>
</section>
<section>
<h2 style="text-align: center;">ProgramBase</h2>
<img src="images/pic21.jpg" alt="Profile Picture" style="display: block; margin-left: auto; margin-right: auto; width: 80%;">
</section>
<ul class="copyright">
<li>© ProgramBase 2022. All rights reserved</li><li>Design: Tyler and Abdias</li>
</ul>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>