-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathLearning.html
142 lines (122 loc) · 4.83 KB
/
Learning.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
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Learning Page</title>
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
background-color: #f8f8f8;
}
header {
background-color: #566c65;
color: #566c65;
margin-top: 20px;
margin-bottom: 1px;
padding: 15px;
text-align: center;
}
nav {
background-color: #48574a;
color: #fff;
text-align: center;
padding: 10px 10px;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
nav ul li {
display: inline;
margin-right: 40px;
}
nav ul li a {
text-decoration: none;
color: #fff;
font-weight: bold;
padding: 14px 10px;
transition: background-color 0.3s ease;
}
nav ul li a:hover {
background-color: #90a297;
}
main {
max-width: 800px;
margin: 20px auto;
padding: 20px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
section {
margin-bottom: 20px;
}
h1, h2 {
color: #959997;
}
p {
color: #50755b;
font-family: 'Times New Roman', Times, serif;
}
ul {
list-style-type: none;
padding: 0;
}
li {
margin-bottom: 10px;
}
a {
color: #3e5f54;
transition: color 0.3s ease;
}
a:hover {
color: #0056b3;
text-decoration: underline;
}
.list-style li {
margin-bottom: 10px; /* Example margin between list items */
font-size: 16px; /* Example font size */
font-family: 'Times New Roman', Times, serif;
color: #3a6144; /* Example text color */
line-height: 1.5; /* Example line height */
}
</style>
</head>
<body>
<header>
<h1>Great! You've taken the first step.</h1>
<nav id="navbar">
<ul>
<li><a href="#learning-section">Learning</a></li>
<li><a href="#coding-section">Coding</a></li>
<li><a href="#survey-section">Survey</a></li>
</ul>
</nav>
</header>
<main>
<section id="introduction">
<h2>About Learning Computer Science</h2>
<p>
In order to get a well-rounded education and a holistic understanding of all things computer science, it will be important for you to learn about each of these subject areas as you go through your journey to become a computer scientist. It’s also a good idea to pick one or two that highly interest you and delve even deeper into these areas of study so you become an expert in a specific field.
</p>
</section>
<hr>
<section id="resources">
<h2>Fields in Computer Science to Consider</h2>
<p><strong>"Jack of all trades, master of none."</strong><p>
<p>It’s impossible to be an expert in everything. Specialization is an important element of becoming a career professional, with many occupations either encouraging or requiring prospective and current employees to gather additional knowledge and training within specific topics. Computer science is a vast field with a variety of subcategories, giving professionals plenty of options when choosing a subject on which to specialize. If you're interested in learning more about the computer science field and the roles within it, it can be helpful to understand the purpose of specialization and how you can benefit from it when deciding if the career is right for you.</p>
</section>
<p><strong>Learn a little more on what each field is about.</strong></p>
<ul class="list-style">
<li><strong>Artificial intelligence:</strong></li>
<li>Artificial intelligence, or AI, is a growing field in the world of technology that involves using algorithms and robotics to automate systems. As more companies and organizations turn to computer automation for various work tasks, the qualifications and expertise of AI professionals will continue to grow.</li>
<li><strong>Cybersecurity:</strong></li>
</ul>
</main>
</body>
</html>