It's not only writers who can benefit from this free online tool. If you're a programmer who's working on a project where blocks of text are needed, this tool can be a great way to get that. It's a good way to test your programming and that the tool being created is working well.
Above are a few examples of how the random paragraph generator can be beneficial. The best way to see if this random paragraph picker will be useful for your intended purposes is to give it a try. Generate a number of paragraphs to see if they are beneficial to your current project.
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
--------------------------------------------------------------------------------
/Hovering-around-elements-main/sondos.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sondosaabed/Basics-Web-Development-Internship/7af6fb250fd6db24cf81f80019a42dfb4d924032/Hovering-around-elements-main/sondos.jpg
--------------------------------------------------------------------------------
/Hovering-around-elements-main/style.css:
--------------------------------------------------------------------------------
1 | *{
2 | font-size: 20px;
3 | box-sizing: border-box;
4 | }
5 |
6 | body{
7 | background: rgba(60, 100, 60, 0.3);
8 | }
9 |
10 | ul{
11 | list-style-type: none;
12 | margin: 0;
13 | padding: 0;
14 | overflow: hidden;
15 | background-color:MediumSeaGreen;
16 | outline: 1px solid white;
17 | }
18 |
19 | li{
20 | float: left;
21 | }
22 |
23 | li a{
24 | display: inline-block;
25 | color: white;
26 | text-align:center;
27 | Padding: 14px 16px;
28 | text-decoration: none;
29 | }
30 |
31 | li a:hover{
32 | background-color:tomato;
33 | }
34 |
35 | .active{
36 | background-color: tomato;
37 | }
38 |
39 | h2,h1{
40 | color: #fff;
41 | font-size: 28px;
42 | background-color: MediumSeaGreen;
43 | border-radius: 5px;
44 | outline: 1px solid white;
45 | margin: 20px;
46 | font-family: "Fjalla One";
47 | }
48 |
49 | h1{
50 | padding: 5px;
51 | }
52 |
53 | p{
54 | text-indent: 50px;
55 | line-height: 1;
56 | color: white;
57 | margin-right: 20px;
58 | margin-left: 20px;
59 | }
60 |
61 | #p1{
62 | font-family: "Libre Baskerville";
63 | color: tomato;
64 | border: 2px solid ;
65 | border-radius: 5px;
66 | border-color: white;
67 | opacity: 0.5;
68 | margin-right: 20px;
69 | margin-left: 20px;
70 | }
71 |
72 | .center{
73 | text-align: center;
74 |
75 | }
76 |
77 | p.right{
78 | text-align: right;
79 | }
80 |
81 | .box{
82 | float: left;
83 | width:50%;
84 | padding: 10px;
85 | height: 360px;
86 | }
87 |
88 | .clearfix::after{
89 | content: "";
90 | clear: both;
91 | }
92 |
93 | div:hover{
94 | background-color: tomato;
95 | }
96 |
97 | div a:link{
98 | color: white;
99 | padding-left: 25px;
100 | }
101 |
102 | div a:visited{
103 | color: tomato;
104 | }
105 |
106 | div a:hover{
107 | color: MediumSeaGreen;
108 | }
109 |
110 | div a:active{
111 | color: blue;
112 | }
113 |
114 | ::selection{
115 | background: yellow;
116 | color: black;
117 | }
118 |
119 | img{
120 | border-radius: 50%;
121 | opacity: 0.5;
122 | padding-left: 110px;
123 | padding-top: 20px;
124 | width:320px;
125 | height:240px;
126 | }
127 |
128 | img:hover{
129 | opacity:1.0;
130 | }
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2023 Sondos Ahmad Aabed
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/LogIn-popout-main/README.md:
--------------------------------------------------------------------------------
1 | # Login popout
2 | In this repository I practice Javascript, html, css and make a popout screen that enables the user to login.
3 |
4 | # Screenshots:
5 | 
6 |
7 | 
8 |
--------------------------------------------------------------------------------
/LogIn-popout-main/popout.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
62 | popout
63 |
64 |
65 |
66 |
Click to log in
67 |
68 |
69 |
70 |
71 |
Log in
72 |
83 |
84 |
85 |
86 |
87 |
88 |
101 |
102 |
--------------------------------------------------------------------------------
/My-web-layout-main/README.md:
--------------------------------------------------------------------------------
1 | # My website layout
2 | In this page I practice websites layouts
3 |
4 | # Screenshot of my website
5 | 
6 | 
7 |
--------------------------------------------------------------------------------
/My-web-layout-main/myWebLayout.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | My website
6 |
7 |
8 |
Pollution is the burning problem of today. But not much attention is paid to noise pollution. The noise from vehicles, machines and loud
33 |
34 |
35 |
How we work
36 |
This is a paragraph about how we work
37 |
Image
38 |
speakers is deafening. People have to speak loudly to be heard. All this causes tension and lot of diseases. Government should take steps to control noise pollution.
The word Palestine derives from Philistia, the name given by Greek writers to the land of the Philistines, who in the 12th century bce occupied a small pocket of land on the southern coast, Yafa and Gaza.
In August-September of 2021, during my early year at university, I completed a web development basics internship at Immesense Interactive Solutions. Throughout the internship, I gained a very good understanding of HTML and CSS3, and began to learn server-side PHP.
3 |
4 |
As part of my internship, I created several pages which I have gathered in this repository. These projects include:
Responsive Website Development and Columns Layout: These pages showcases how to create a responsive website with multiple columns using CSS.
11 | https://github.com/sondosaabed/Responsive-Page
Full Web Page Layout Styled About Palestine: This project showcases a full web page layout created using HTML and CSS, with a focus on Palestine.
20 | https://github.com/sondosaabed/Palestine-Web-Page.
30 |
--------------------------------------------------------------------------------
/Responsive-Page-main/README.md:
--------------------------------------------------------------------------------
1 | # Responsive page:
2 | On this page I practice responsive websites developing in coulmns using media query
3 |
4 | # CSS & HTML
5 |
6 | 
7 |
8 | responsive media query:
9 |
10 | 
11 |
--------------------------------------------------------------------------------
/Responsive-Page-main/globalWarming.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Global Warming
7 |
8 |
9 |
10 |
What is global warming, explained
11 |
12 | Glaciers are melting, sea levels are rising, cloud forests are dying, and wildlife is scrambling to keep pace. It has become clear that humans have caused most of the past century's warming by releasing heat-trapping gases as we power our modern lives. Called greenhouse gases, their levels are higher now than at any time in the last 800,000 years.
13 |
14 | We often call the result global warming, but it is causing a set of changes to the Earth's climate, or long-term weather patterns, that varies from place to place. While many people think of global warming and climate change as synonyms, scientists use “climate change” when describing the complex shifts now affecting our planet’s weather and climate systems—in part because some areas actually get cooler in the short term.
15 |
16 | Climate change encompasses not only rising average temperatures but also extreme weather events, shifting wildlife populations and habitats, rising seas, and a range of other impacts. All of those changes are emerging as humans continue to add heat-trapping greenhouse gases to the atmosphere, changing the rhythms of climate that all living things have come to rely on.
17 |
18 | What will we do—what can we do—to slow this human-caused warming? How will we cope with the changes we've already set into motion? While we struggle to figure it all out, the fate of the Earth as we know it—coasts, forests, farms, and snow-capped mountains—hangs in the balance.
19 |
20 | What will we do—what can we do—to slow this human-caused warming? How will we cope with the changes we've already set into motion? While we struggle to figure it all out, the fate of the Earth as we know it—coasts, forests, farms, and snow-capped mountains—hangs in the balance.
21 |
22 |
23 |
24 |
25 |
Understanding the greenhouse effect
26 |
27 | The "greenhouse effect" is the warming that happens when certain gases in Earth's atmosphere trap heat. These gases let in light but keep heat from escaping, like the glass walls of a greenhouse, hence the name.
28 |
29 | Sunlight shines onto the Earth's surface, where the energy is absorbed and then radiate back into the atmosphere as heat. In the atmosphere, greenhouse gas molecules trap some of the heat, and the rest escapes into space. The more greenhouse gases concentrate in the atmosphere, the more heat gets locked up in the molecules.
30 |
31 | Scientists have known about the greenhouse effect since 1824, when Joseph Fourier calculated that the Earth would be much colder if it had no atmosphere. This natural greenhouse effect is what keeps the Earth's climate livable. Without it, the Earth's surface would be an average of about 60 degrees Fahrenheit (33 degrees Celsius) cooler.
32 |
34 |
35 |
36 |
--------------------------------------------------------------------------------
/Hovering-around-elements-main/sondos.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sondosaabed/Basics-Web-Development-Internship/7af6fb250fd6db24cf81f80019a42dfb4d924032/Hovering-around-elements-main/sondos.jpg
--------------------------------------------------------------------------------
/Hovering-around-elements-main/style.css:
--------------------------------------------------------------------------------
1 | *{
2 | font-size: 20px;
3 | box-sizing: border-box;
4 | }
5 |
6 | body{
7 | background: rgba(60, 100, 60, 0.3);
8 | }
9 |
10 | ul{
11 | list-style-type: none;
12 | margin: 0;
13 | padding: 0;
14 | overflow: hidden;
15 | background-color:MediumSeaGreen;
16 | outline: 1px solid white;
17 | }
18 |
19 | li{
20 | float: left;
21 | }
22 |
23 | li a{
24 | display: inline-block;
25 | color: white;
26 | text-align:center;
27 | Padding: 14px 16px;
28 | text-decoration: none;
29 | }
30 |
31 | li a:hover{
32 | background-color:tomato;
33 | }
34 |
35 | .active{
36 | background-color: tomato;
37 | }
38 |
39 | h2,h1{
40 | color: #fff;
41 | font-size: 28px;
42 | background-color: MediumSeaGreen;
43 | border-radius: 5px;
44 | outline: 1px solid white;
45 | margin: 20px;
46 | font-family: "Fjalla One";
47 | }
48 |
49 | h1{
50 | padding: 5px;
51 | }
52 |
53 | p{
54 | text-indent: 50px;
55 | line-height: 1;
56 | color: white;
57 | margin-right: 20px;
58 | margin-left: 20px;
59 | }
60 |
61 | #p1{
62 | font-family: "Libre Baskerville";
63 | color: tomato;
64 | border: 2px solid ;
65 | border-radius: 5px;
66 | border-color: white;
67 | opacity: 0.5;
68 | margin-right: 20px;
69 | margin-left: 20px;
70 | }
71 |
72 | .center{
73 | text-align: center;
74 |
75 | }
76 |
77 | p.right{
78 | text-align: right;
79 | }
80 |
81 | .box{
82 | float: left;
83 | width:50%;
84 | padding: 10px;
85 | height: 360px;
86 | }
87 |
88 | .clearfix::after{
89 | content: "";
90 | clear: both;
91 | }
92 |
93 | div:hover{
94 | background-color: tomato;
95 | }
96 |
97 | div a:link{
98 | color: white;
99 | padding-left: 25px;
100 | }
101 |
102 | div a:visited{
103 | color: tomato;
104 | }
105 |
106 | div a:hover{
107 | color: MediumSeaGreen;
108 | }
109 |
110 | div a:active{
111 | color: blue;
112 | }
113 |
114 | ::selection{
115 | background: yellow;
116 | color: black;
117 | }
118 |
119 | img{
120 | border-radius: 50%;
121 | opacity: 0.5;
122 | padding-left: 110px;
123 | padding-top: 20px;
124 | width:320px;
125 | height:240px;
126 | }
127 |
128 | img:hover{
129 | opacity:1.0;
130 | }
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2023 Sondos Ahmad Aabed
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/LogIn-popout-main/README.md:
--------------------------------------------------------------------------------
1 | # Login popout
2 | In this repository I practice Javascript, html, css and make a popout screen that enables the user to login.
3 |
4 | # Screenshots:
5 | 
6 |
7 | 
8 |
--------------------------------------------------------------------------------
/LogIn-popout-main/popout.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
62 | 
28 |