-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
149 lines (149 loc) · 8.47 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Onward Upward</title>
</head>
<body>
<div class="home" id="home">
<nav>
<div class="logo">
<h1>Onward Upward</h1>
</div>
<ul>
<li><a id="homeBtn" href="#">Home</a></li>
<li><a href="#learn">Learn</a></li>
</ul>
</nav>
<div class="content">
<div class="leftContent">
<h1>No one reaches success without help.</h1>
<p>Click below to find some resources that can help you continue to challenge yourself.</p>
<a href="#learn"><button>Explore Resources</button></a>
</div>
<div class="rightContent">
<img id="mainPic" src="abstract.png" alt="">
</div>
</div>
<!--Free Learning Resources-->
<div id="learn">
<div class="jobList grayBG">
<h2>Free Learning Resources</h2>
<p class="subtitle">Scroll right for more resources</p>
<div class="jobs">
<div class="jobPost whiteBG">
<h1>Learn to Code</h1>
<h4>Free Code Camp<h4>
<p>FreeCodeCamp.org is a free resource for learning how to code. From basics to advanced content, this will
put you on another level of programming.
</p>
<a href="http://www.freecodecamp.org"><button> Start Learning</button></a>
</div>
<div class="jobPost whiteBG">
<h1>Introduction to the Music Business</h1>
<h4>Free from Berklee College of Music<h4>
<p>Learn the latest about the rapidly changing music industry from recording, publishing, and distribution to legal issues confronting music commerce</p>
<a href="https://www.edx.org/course/berkleex-introduction-to-the-music-business?index=product&queryID=4ccf35dc55a69d9cb48c59fd1cca415d&position=2"><button> Start Learning</button></a>
</div>
<div class="jobPost whiteBG">
<h1>Start an Online Store</h1>
<h4>Class on How to Open a Successful store<h4>
<p>Are you an artist? Do you love creating? Open up a store on Etsy and sell your art! This course is free for 7 days on Skillshare.com.</p>
<a href="https://www.skillshare.com/classes/Building-an-Etsy-Shop-that-Sells-Strategies-for-E-Commerce-Success/1429447927?via=browse-rating-etsy-layout-grid"><button> Start Learning</button></a>
</div>
<div class="jobPost whiteBG">
<h1>Start Designing</h1>
<h4>Use Canva to grow your graphic design skills<h4>
<p>Canva is a free resources that allows you to create amazing, professional artwork
fast. From logos to mixtape covers and T-shirt designs, you'll be designing like a pro in no time.
</p>
<a href="http://www.canva.com"><button> Start Learning</button></a>
</div>
</div>
</div>
<!-- Jobs-->
<div class="jobList">
<h2>Money Management</h2>
<p class="subtitle">Scroll right for more resources</p>
<div class="jobs">
<div class="jobPost">
<h1>Personal Finance Course</h1>
<h4>Free Class to Help With Money Management</h4>
<p>We've learned a lot about money management this summer, here's a free course that will help you learn more!</p>
<a href="https://www.udemy.com/course/life-happens/"><button> Start Learning</button></a>
</div>
<div class="jobPost">
<h1>Personal Finance 101</h1>
<h4>Three hours of content and 52 videos covering a range of topics<h4>
<p> This class talks about taxes, credit cards, debt, student loans, retirement planning, investing, ID fraud, saving for goals, etc.</p>
<a href="https://www.udemy.com/course/personal-finance-101/"><button> Start Learning</button></a>
</div>
<div class="jobPost">
<h1>Obliterate Debt, Accumulate Wealth</h1>
<h4>Learn the ins-and-outs of personal finance with Professor Art Carden.<h4>
<p>40 minutes long and a ton of valuable information, check it out!.</p>
<a href="https://www.udemy.com/course/personal-finance-learn-liberty/"><button> Start Learning</button></a>
</div>
<div class="jobPost">
<h1>Budget is a 4-letter Word</h1>
<h4>Created by 'My Money Coach'<h4>
<p>Some valuable tips to managing your money as your pockets begin to get fatter.</p>
<a href="https://www.mymoneycoach.ca/budgeting/budgeting-videos"><button> Start Learning</button></a>
</div>
</div>
</div>
<!-- Internships-->
<div class="jobList grayBG">
<h2>Learn How to Code</h2>
<p class="subtitle">Scroll right for more resources</p>
<div class="jobs">
<div class="jobPost whiteBG">
<h1>Code Cademy</h1>
<h4>Learn to Code for Free<h4>
<p>CodeCademy goes step by step in teaching you how to code -- coding is one of the fastest growing fields right now...
</p>
<a href="https://www.codecademy.com/"><button> Start Learning</button></a>
</div>
<div class="jobPost whiteBG">
<h1>Learn Coding at Harvard</h1>
<h4>This is a FREE course from Harvard!<h4>
<p>An introduction to the intellectual enterprises of computer science and the art of programming. Remember, it's free, so it's a win-win! You can do it!</p>
<a href="https://www.edx.org/course/introduction-computer-science-harvardx-cs50x?index=product&queryID=c6eac94392bc35b17aa74a5634530c21&position=1"><button> Start Learning</button></a>
</div>
<div class="jobPost whiteBG">
<h1>Free Code Camp</h1>
<h4>More Free Coding Resources<h4>
<p>FreeCodeCamp.org is a free resource for learning how to code. From basics to advanced content, this will
put you on another level of programming.
</p>
<a href="http://www.freecodecamp.org"><button> Start Learning</button></a>
</div>
<div class="jobPost whiteBG">
<h1>Code Conquest</h1>
<h4>Quizzes about coding<h4>
<p>A free online guide to coding for beginners. If you’re someone who wants to learn about coding, but you haven’t got a clue where to start, you’ve come to the right place. This site has all the step-by-step information you need to get started..</p>
<a href="http://www.codeconquest.com"><button> Start Learning</button></a>
</div>
<div class="jobPost whiteBG">
<h1>Solo Learn</h1>
<h4>Mobile-based learning platform<h4>
<p>No matter your experience level, you'll be writing real, functional code within minutes of starting your first course. </p>
<a href="http://www.sololearn.com/home"><button> Start Learning</button></a>
</div>
<div class="jobPost whiteBG">
<h1>Upskill</h1>
<h4>Learn different programming languages<h4>
<p>If you follow this step by step, you'll have a good foundation of programming. Even if its just 30 minutes a day.</p>
<a href="https://upskillcourses.com/"><button> Start Learning</button></a>
</div>
</div>
</div>
<p class="footer">© Copyright 2020 Rhoman James</p>
</div>
<div>
</div>
</body>
</html>