2. 1
2
3
4
5
6
7
8
9
10
11
12
13
14
Contents Of ‘This Template’;
Here’s what you’ll find in this Slidesgo template:
∗ A slide structure based on a Workshop presentation, which you can easily adapt to your needs. For more
info on how to edit the template, please visit Slidesgo School or read our FAQs.
∗ An assortment of graphic resources that are suitable for use in the presentation can be found in the
alternative resources slide.
∗ A thanks slide, which you must keep so that proper credits for our design are given.
∗ A resources slide, where you’ll find links to all the elements used in the template.
∗ Instructions for use.
∗ Final slides with:
∗ The fonts and colors used in the template.
∗ A selection of illustrations. You can also customize and animate them as you wish with the online
editor. Visit Storyset to find more.
∗ More infographic resources, whose size and color can be edited.
∗ Sets of customizable icons of the following themes: general, business, avatar, creative process,
education, help & support, medical, nature, performing arts, SEO & marketing, and teamwork.
You can delete this slide when you’re done editing the presentation.
Programming Language
forbeginners.html workshop.css
3. 1
2
3
4
5
6
7
8
9
10
11
12
13
14
01
< You can enter a subtitle here if
you need it >
Theory Lesson
02
< You can enter a subtitle here if
you need it >
Features of the Topic
03
< You can enter a subtitle here if
you need it >
Practical Exercise
Table Of ‘Contents’ {
}
Programming Language
forbeginners.html workshop.css
5. 1
2
3
4
5
6
7
8
9
10
11
12
13
14
< Mercury is the closest planet to the Sun and the smallest
one in the Solar System—it’s only a bit larger than the
Moon >
< Venus has a beautiful name and is the second planet
from the Sun. It’s hot and has a poisonous atmosphere >
Concepts < /2 > {
Concepts < /1 > {
Programming Language
forbeginners.html workshop.css
}
}
6. 1
2
3
4
5
6
7
8
9
10
11
12
13
14
Introduction; {
‘Here you can give a brief description of the topic you want to
talk about’
<p For example, if you want to talk about Mercury, you can
say that it’s the smallest planet in the entire Solar System >
}
</p>
Programming Language
forbeginners.html workshop.css
7. 1
2
3
4
5
6
7
8
9
10
11
12
13
14
What Is this ‘Topic About ?’ {
}
Languages
Create a web page
Html
< Mercury is the smallest
planet in the entire Solar
System >
60% Css
< The Earth is the only one
that harbors life in the Solar
System >
40%
Venus has a
nice name
Mars is a cold
place
Jupiter is a
gas giant
Programming Language
forbeginners.html workshop.css
8. 1
2
3
4
5
6
7
8
9
10
11
12
13
14
Features of ‘the Topic’ {
}
Step 01
Mercury is the closest planet to the Sun and
the smallest one
Step 02 Saturn is a gas giant and has several rings
Step 03 The Earth is the only planet that harbors life
Step 04
Venus has a beautiful name and is the
second planet from the Sun
Programming Language
forbeginners.html workshop.css
9. 1
2
3
4
5
6
7
8
9
10
11
12
13
14
Recommendations; {
< Jupiter is a gas giant and the biggest planet in the Solar
System >
< It was named after the Roman god of wealth and
agriculture >
Saturn
< Mercury is the closest planet to the Sun and the
smallest one in the Solar System >
Mercury
Jupiter
}
Programming Language
forbeginners.html workshop.css
10. 1
2
3
4
5
6
7
8
9
10
11
12
13
14
< Mercury is the closest
planet to the Sun >
< Jupiter is a gas giant
and the biggest planet >
Mercury Jupiter
< Venus has a nice name
and high temperatures >
< Saturn is a gas giant
and has several rings >
Saturn Venus
Examples About ‘The Topic’{
}
Programming Language
forbeginners.html workshop.css
11. 1
2
3
4
5
6
7
8
9
10
11
12
13
14
∗ Mercury is the smallest planet
∗ The Earth is the planet we live on
∗ Saturn is made of oxygen and helium
Practical Exercise {
< /1 >
∗ Jupiter is a gas giant
∗ Venus has high temperatures
∗ Neptune is very far away from the Sun
< /2 >
< Saturn is the fourth-largest object by diameter in the Solar System
>
Programming Language
forbeginners.html workshop.css
}
12. 1
2
3
4
5
6
7
8
9
10
11
12
13
14
9h 55m 23s {
< Is Jupiter's rotation period >
}
333,000.000
< Earths fit in the Sun’s mass >
386,000 km
< Distance between the Moon and the Earth >
Programming Language
forbeginners.html workshop.css
15. 1
2
3
4
5
6
7
8
9
10
11
12
13
14
Did You Know ‘This ?’ {
Programming Language
forbeginners.html workshop.css
Mercury is the smallest planet of the
Solar System
Venus has a beautiful name and
high temperatures
Despite being red, Mars is actually a
cold place
36.00
25.00
12.00
Follow the link in the graph to modify its data and then paste the new one here.
For more info, click here
}
16. 1
2
3
4
5
6
7
8
9
10
11
12
13
14
A ‘Picture’ Always
Reinforces The
Concept {
< Images reveal large amounts of data,
so remember: use an image instead of a
long text. Your audience will appreciate it
>
Programming Language
forbeginners.html workshop.css
}
18. 1
2
3
4
5
6
7
8
9
10
11
12
13
14
— Someone ‘Famous’
< “This is a quote, words full of wisdom that
someone important said and can make the
reader get inspired.” >
Programming Language
forbeginners.html workshop.css
20. 1
2
3
4
5
6
7
8
9
10
11
12
13
14
Planning of ‘September’{
Programming Language
forbeginners.html workshop.css
M T W T F S S
01 02 03 04 05
06 07 08 09 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30
Mercury is the smallest planet
Venus has a beautiful name
The Earth is the third planet
Mars is actually a cold place
Jupiter is a gas giant
}
21. 1
2
3
4
5
6
7
8
9
10
11
12
13
14
JavaScript For ‘Beginners’ {
It is the closest planet to
the Sun
Mercury
Saturn is a gas giant and
has several rings
Saturn
Despite being red, Mars is a
cold place
Mars
Jupiter is the biggest planet
Jupiter
Venus is the second planet
from the Sun
Venus
Neptune is very far from
the Earth
Neptune
Programming Language
forbeginners.html workshop.css
}
23. 1
2
3
4
5
6
7
8
9
10
11
12
13
14
CREDITS: This presentation template was created by
Slidesgo, including icons by Flaticon, and infographics &
images by Freepik
Thanks; {
youremail@freepik.com
+91 620 421 838
yourcompany.com
‘Do you have any questions?’
< Please keep this slide for attribution >
Programming Language
forbeginners.html workshop.css
}
26. 1
2
3
4
5
6
7
8
9
10
11
12
13
14
Resources {
Photos:
∗ Close up hacker
∗ Medium shot woman working computer
Icons:
∗ Web design
Did you like the resources on this template? Get them for free
at our other websites:
Programming Language
forbeginners.html workshop.css
}
27. In order to use this template, you must credit Slidesgo by keeping the Thanks slide.
You are allowed to:
- Modify this template.
- Use it for both personal and commercial projects.
You are not allowed to:
- Sublicense, sell or rent any of Slidesgo Content (or a modified version of Slidesgo Content).
- Distribute Slidesgo Content unless it has been expressly authorized by Slidesgo.
- Include Slidesgo Content in an online or offline database or file.
- Offer Slidesgo templates (or modified versions of Slidesgo templates) for download.
- Acquire the copyright of Slidesgo Content.
Instructions for use
For more information about editing slides, please read our FAQs or visit Slidesgo School:
https://slidesgo.com/faqs and https://slidesgo.com/slidesgo-school
28. Instructions for use (premium users)
As a Premium user, you can use this template without attributing Slidesgo or keeping the "Thanks" slide.
You are allowed to:
● Modify this template.
● Use it for both personal and commercial purposes.
● Hide or delete the “Thanks” slide and the mention to Slidesgo in the credits.
● Share this template in an editable format with people who are not part of your team.
You are not allowed to:
● Sublicense, sell or rent this Slidesgo Template (or a modified version of this Slidesgo Template).
● Distribute this Slidesgo Template (or a modified version of this Slidesgo Template) or include it in a database or in
any other product or service that offers downloadable images, icons or presentations that may be subject to
distribution or resale.
● Use any of the elements that are part of this Slidesgo Template in an isolated and separated way from this
Template.
● Register any of the elements that are part of this template as a trademark or logo, or register it as a work in an
intellectual property registry or similar.
For more information about editing slides, please read our FAQs or visit Slidesgo School:
https://slidesgo.com/faqs and https://slidesgo.com/slidesgo-school
29. This presentation has been made using the following fonts:
Fira Code
(https://fonts.google.com/specimen/Fira+Code)
#16191f #2e323b #707070
Fonts & colors used
#e7e7e7
#ff5858 #fcc642 #dba0db #72d9f0
#ffffff
#a5cf27
30. Create your Story with our illustrated concepts. Choose the style you like the most, edit its colors, pick
the background and layers you want to show and bring them to life with the animator panel! It will boost
your presentation. Check out How it Works.
Pana Amico Bro Rafiki Cuate
Storyset
31. You can easily resize these resources without losing quality. To change the color, just ungroup the resource
and click on the object you want to change. Then, click on the paint bucket and select the color you want.
Group the resource again when you’re done. You can also look for more infographics on Slidesgo.
Use our editable graphic resources...
34. JANUARY FEBRUARY MARCH APRIL
PHASE
1
Task 1
Task 2
JANUARY FEBRUARY MARCH APRIL MAY JUNE
PHASE 1
PHASE 2
Task 1
Task 2
Task 1
Task 2
37. You can resize these icons without losing quality.
You can change the stroke and fill color; just select the icon and click on the paint bucket/pen.
In Google Slides, you can also use Flaticon’s extension, allowing you to customize and add even more icons.
...and our sets of editable icons