forbeginners.html workshop.

css

1
2
3
4
Programming ‘Language’ {
5
6
[For Beginners Workshop]
7
8 < Infographics >
9
10
11 < Here is where this template
12
13
begins >
}
14

Programming Language infographics.css

 forbeginners.html workshop.css

1
2
Programming Language {Infographics}
3
4
This template contains an assortment of complementary infographic resources for the
5 Programming Language Workshop for Beginners presentation.
6 These infographics are adapted to the style of the aforementioned presentation, so you can insert them
7 easily and have them completely integrated at once. You just need to do the following:
8 ● Select the element that you want to copy
9 ● Right-click and choose “Copy”
● Go to the slide where you want the element to appear
10 ● Right-click and choose “Paste”
11
12
13 }
14

Programming Language infographics.css

 forbeginners.html workshop.css

1
2
Programming language {infographics}
3
4
5
Venus
< It’s the second planet from
6
25% the Sun
7
8 Neptune
9
25% < Neptune is very far from
10 Earth
11
12 Place 1
Saturn has several rings
13 Place 2
14

Programming Language
 forbeginners.html workshop.css

1
2
Programming language {infographics}
3
4
5 Mercury 5/6 2/6
Jupiter
6 < Mercury is the closest < Jupiter is a gas giant and
7 planet to the Sun > the biggest planet >
8
9
10 Saturn Venus
3/6 6/6
11 < Saturn is a gas giant and < Venus has a nice name
12 has several rings > and high temperatures >
13
14

Programming Language
 forbeginners.html workshop.css

1
2
Programming language {infographics}
3
4
5
6
7
8
9
Jupiter Mercury Earth
10
< This planet is a gas < It’s the smallest planet < Earth is where we all
11 giant live on
12
13
14

Programming Language
 forbeginners.html workshop.css

1
2
Programming language {infographics}
3
4
/01 Jupiter
5 < Jupiter is the biggest planet of
6 them all
7
8
40% Saturn
Saturn is a gas giant and has several
9
/02 Venus rings. It’s composed mostly of
10 hydrogen and helium. It was named
< Venus is the second planet from
11 after the Roman god of wealth
the Sun
12
13 60%
14

Programming Language
 forbeginners.html workshop.css

1
2
Programming language {infographics}
3
4
5
6 /01 /02 /03
7
Jupiter Mars Venus
8
< It’s the biggest planet of < Mars is actually a very < It’s the second planet
9 them all cold place from Sun
10
11 4/9 7/10 6/10
12
13
14

Programming Language
 forbeginners.html workshop.css

1
2
Programming language {infographics}
3
4
5
25% 50%
6 Mercury Mars
7 < Mercury is a small < Mars is actually cold
8 planet
9
10 75% 90%
11 Earth Jupiter
12 < Earth is where we all < It’s the biggest planet
13 live on
14

Programming Language
 forbeginners.html workshop.css

1
2
Programming language {infographics}
3
4
5
Mercury Saturn
< It’s the smallest < Saturn is a gas giant
6
7
planet /2000 /2022
8
9
10
/1900 Venus /2020 Neptune
11
< Venus has a beautiful < It’s far away from
12
name Earth
13
14

Programming Language
 forbeginners.html workshop.css

1
2
Programming language {infographics}
3
4
5
10% 35%
6 Mars Mercury
7 < Despite being red, Mars < Mercury is the smallest
8 is cold planet
9
10 25% 30%
11 Jupiter Earth
12 < It’s the biggest planet < Earth is where we all
Saturn has several rings
13 live on
14

Programming Language
 forbeginners.html workshop.css

1
2
Programming language {infographics}
3
4
5 70% Venus 25%
6 < Venus is the second planet
7 from the Sun
8
9
10 Jupiter Neptune
11 < Jupiter is the biggest planet < This planet is far away
of them all from our planet called Earth
12
13
45%
14

Programming Language
 forbeginners.html workshop.css

1
2
Programming language {infographics}
3
4 35% 20%
5 Mars Mercury
6 < Mars is actually cold < Mercury is the smallest
7 planet
8
9 15% 30%
10 Jupiter Earth
11 < It’s the biggest planet < Earth is where we all
12 live on
13
14 Follow the link in the graph to modify its data and then paste the new one here.
For more info, click here

Programming Language
 forbeginners.html workshop.css

1
2
Programming language {infographics}
3
4
5
Mercury Venus
6
75% < It’s the smallest planet 90% < Venus has a beautiful
name
7
8
9
10 Mars Jupiter
11 50% < Mars is actually cold 25% < It’s the biggest planet
12
13
14

Programming Language
 forbeginners.html workshop.css

1
2
Programming language {infographics}
3
4 /01 Mercury < It’s the closest planet to the Sun
5
6 /02 Venus < Venus is the second planet from the Sun
7
8 /03 Mars < Mars is actually a very cold place
9
10
/04 Jupiter < It’s the biggest planet of them all

11
/05 Saturn < It’s composed of hydrogen and helium
12
13 /06 Neptune < Neptune is far away from Earth
14

Programming Language
 forbeginners.html workshop.css

1
2
Programming language {infographics}
3
4 Jupiter 75% Neptune
5 < Jupiter is the biggest planet < This planet is far away
6 from Earth
7
8
9
10
11 Venus
12
< It’s the second planet from
13 50% the Sun 25%
14

Programming Language
 forbeginners.html workshop.css

1
2
Programming language {infographics}
3
4
5
30% 70% 50%
6
7
8
9
10 Saturn Venus Jupiter
11
< It’s composed mostly of < Venus is the second planet < Jupiter is the biggest planet
12 hydrogen and helium from the Sun of them all
13
14

Programming Language
 forbeginners.html workshop.css

1
2
Programming language {infographics}
3
4 < It’s the closest planet to the Sun Mercury
5
6
7 < Venus is the second planet from
Venus the Sun
8
9
< Mars is actually a very cold
10
place Mars
11
12
13 Neptune < Neptune is far away from Earth
14

Programming Language
 forbeginners.html workshop.css

1
2
Programming language {infographics}
3
4 Mercury 50% < Mercury is very small
5
6 Venus 65% < Venus has a beautiful name
7
8 Mars 20% < Mars is a very cold place
9
10
Jupiter 30% < Jupiter is a gas giant

11
Saturn 80% < Saturn has several rings
12
13 Neptune 100% < Neptune is a very cold place
14

Programming Language
 forbeginners.html workshop.css

1
2
Programming language {infographics}
3
4
5 Mercury Jupiter
6
< Mercury is the closest < Jupiter is a gas giant and
7 planet to the Sun > the biggest planet >
8
9
10 Saturn Venus
11
< Saturn is a gas giant and < Venus has a nice name
12 has several rings > and high temperatures >
13
14

Programming Language
 forbeginners.html workshop.css

1
2
Programming language {infographics}
3
4
5
/01 /02
6
7
8
9
50% 80%
10 Venus Saturn
11 < Venus is the second planet from < Saturn is composed of hydrogen
12 the Sun and helium
13
/html. /html.
14

Programming Language
 forbeginners.html workshop.css

1
2
Programming language {infographics}
3
4 Venus < This planet has a very beautiful name
5
6
7 Saturn < Saturn is a gas giant and has rings
8
9
10 Mercury < Mercury is the closest planet to the Sun
11
12
13 Mars < Despite being red, Mars is a cold place
14

Programming Language
 forbeginners.html workshop.css

1
2
Programming language {infographics}
3
4
5
6
Mercury Venus
7
< It’s closest planet to the Sun < It’s the second planet from Sun
8
< It’s the smallest planet of all < Venus has a toxic atmosphere
9 < Mercury is very small < Venus has extreme temperatures
10 < Mercury is a small planet < Venus is a very hot planet
11
12 50% 90%
13 /html. /html.
14

Programming Language
 forbeginners.html workshop.css

1
2
Programming language {infographics}
3
4
5
/01 /02
6
7 Earth Mars
8 < We all live on Earth < Mars is actually cold
9
10
11 Mercury Venus Saturn Neptune
12
< Mercury is a small < Venus has a beautiful < Saturn is a gas giant < It’s far away from
13 planet name Earth
14

Programming Language
 forbeginners.html workshop.css

1
2
Programming language {infographics}
3
4
5
Mercury 65% < Mercury is very small

6
Mars 20% < Mars is a very cold place
7
8 Jupiter 30% < Jupiter is a gas giant
9
10 Conclusions
11
< Venus has a beautiful name and is the second planet from the Sun. It is terribly hot, even
12 hotter than Mercury, and its atmosphere is toxic
13
14

Programming Language
 forbeginners.html workshop.css

1
2
Programming language {infographics}
3
4 Neptune
5 < It’s far away from
6 Earth
7
8
9
10
11 Mercury Venus Saturn
12
< Mercury is a small < Venus has a beautiful < It’s composed of
13 planet name hydrogen
14

Programming Language
 forbeginners.html workshop.css

1
2
Programming language {infographics}
3
4 Venus 80% 45% 50%
5 < Venus has a beautiful
6 name
7
8 Mars
9 < Despite being red,
it’s cold
10
11
Neptune
12
< It’s far away from
13 Earth /2020 /2021 /2022
14

Programming Language
 forbeginners.html workshop.css

1
2
Programming language {infographics}
3
4
5
90% 75% 60%
6
7
8
9
10
11 Jupiter Venus Neptune
12
< Jupiter is the biggest planet < It’s the second planet from < This planet is far away
13 the Sun from Earth
14

Programming Language
 forbeginners.html workshop.css

1
2
Programming language {infographics}
3
4
5 40% 60%
6
7
Saturn Venus
8 < Saturn is a gas giant and has < Venus has a beautiful name
several rings. It’s composed and is the second planet from the
9 mainly of hydrogen and helium. Sun. It’s hot, even hotter than
10 It was named after the Roman Mercury, and its atmosphere is
11 god of wealth and agriculture toxic
12
13
14

Programming Language
 forbeginners.html workshop.css

1
2
Programming language {infographics}
3
4
5
Mon Tue Wed Thu Fri
6 Project 01
7
Project 02
8
9 Project 03
10
Project 04
11
12 Project 05
13
14 Project 01 Project 02 Project 03 Project 04 Project 05

Programming Language
 forbeginners.html workshop.css

1
2
Programming language {infographics}
3
4
December
5
6 Mon Tue Wed Thu Fri Sat Sun
7 1 2 3 4 5
8
6 7 8 9 10 11 12
9
10 13 14 15 16 17 18 19
11 20 21 22 23 24 25 26
12 27 28 29 30 31
13
14 Activity 1 Activity 2 Activity 3

Programming Language
 forbeginners.html workshop.css

1
2
Programming language {infographics}
3
4
5 Venus Mars
6
7 < Mercury is the smallest planet of them < Venus is the second planet from the
8 all Sun
9
< Despite being red, Mars is a very cold < Neptune is the farthest planet from the
10 planet Sun
11
12 < Saturn is a gas giant and has several < Jupiter is a gas giant and the biggest
13 rings planet
14

Programming Language
 forbeginners.html workshop.css

1
2
Programming language {infographics}
3
4
5 < Mercury is the smallest planet of them < Venus is the second planet from the
6 all Sun
7
8 < Despite being red, Mars is a very cold
< Jupiter is the biggest planet of them all
9 planet
10
11 < Saturn is a gas giant and has several < Neptune is the farthest planet from the
12 rings Sun
13
14

Programming Language
 Instructions for use
If you have a free account, in order to use this template, you must credit Slidesgo in your final presentation. Please refer
to the next slide to read the instructions for premium users.

As a Free user, 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.

For more information about editing slides, please read our FAQs or visit our blog:
https://slidesgo.com/faqs and https://slidesgo.com/slidesgo-school
 Instructions for use (premium users)
As a Premium user, you can use this template without attributing Slidesgo.

You are allowed to:

● Modify this template.
● Use it for both personal and commercial purposes.
● 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 our blog:
https://slidesgo.com/faqs and https://slidesgo.com/slidesgo-school
 Infographics

You can add and edit some infographics to your presentation to present your data in a visual way.

● Choose your favourite infographic and insert it in your presentation using Ctrl C
+ Ctrl V or Cmd C + Cmd V in Mac.
● Select one of the parts and ungroup it by right-clicking and choosing
“Ungroup”.
● Change the color by clicking on the paint bucket.
● Then resize the element by clicking and dragging one of the square-shaped
points of its bounding box (the cursor should look like a double-headed arrow).
Remember to hold Shift while dragging to keep the proportions.
● Group the elements again by selecting them, right-clicking and choosing
“Group”.
● Repeat the steps above with the other parts and when you’re done editing,
copy the end result and paste it into your presentation.
● Remember to choose the “Keep source formatting” option so that it keeps the
design. For more info, please visit our blog.