├── .idea
├── .gitignore
├── inspectionProfiles
│ └── profiles_settings.xml
├── johns html.iml
├── misc.xml
├── modules.xml
└── vcs.xml
├── Forms.html
├── divs.html
├── headings.html
├── iframe.html
├── image.html
├── intro.html
├── kingswart.html
├── link.html
├── list.html
├── login and registration.html
├── navigation.html
├── pharagraphs.html
├── revision file.html
├── startic
├── CSS
│ ├── Forms.css
│ ├── Styles.css
│ ├── log-reg.css
│ ├── revision.css
│ └── urembo.css
└── images
│ ├── car1.jpeg
│ ├── car2.webp
│ ├── hacker1.jpeg
│ ├── hacker1.webp
│ ├── hacker2.webp
│ ├── man u.png
│ ├── money 1.jpeg
│ ├── money2.jpeg
│ ├── nature1.jpeg
│ ├── saf.png
│ ├── t.jpeg
│ ├── web.webp
│ └── work3.jpeg
├── table.html
└── test.html
/.idea/.gitignore:
--------------------------------------------------------------------------------
1 | # Default ignored files
2 | /shelf/
3 | /workspace.xml
4 | # Editor-based HTTP Client requests
5 | /httpRequests/
6 | # Datasource local storage ignored files
7 | /dataSources/
8 | /dataSources.local.xml
9 |
--------------------------------------------------------------------------------
/.idea/inspectionProfiles/profiles_settings.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/.idea/johns html.iml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
--------------------------------------------------------------------------------
/.idea/misc.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/.idea/modules.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
--------------------------------------------------------------------------------
/.idea/vcs.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/Forms.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
8 |
9 | Forms
10 |
11 |
12 | sign in
13 | sign in first in our website to get more information.
14 |
32 |
33 |
34 |
35 |
36 |
--------------------------------------------------------------------------------
/divs.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
8 |
9 | Divs
10 |
11 |
12 |
13 |
14 |
Mangoes
15 |
i love eating mangoes
16 |
17 |
Nairobi
18 |
Nairobi is place to be
19 | .
20 |
21 |
22 |
Toyota
23 |
Toyota cars are manufactured in japan
24 | .
25 |
26 |
27 |
28 |
Personal Assistant Computers
29 |
some of the personal assistant computers are phones laptops tablets E.T.C
30 |
31 |
32 |
33 |
34 |
35 |
--------------------------------------------------------------------------------
/headings.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | heading
6 |
7 | Heading page
8 | images page
9 | intro page
10 |
11 |
12 | Heading one
13 | Heading tow
14 | Heading three
15 | Heading four
16 | Heading five
17 | Heading six
18 |
19 |
20 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/iframe.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | iframe
6 |
7 |
8 | Our location
9 |
10 | Favourite video
11 |
12 |
13 |
--------------------------------------------------------------------------------
/image.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
7 |
8 | images
9 |
10 | Heading page
11 | images page
12 | intro page
13 |
14 |
15 | my gallery
16 |
17 |
18 |
19 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/intro.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
7 |
8 | safari morning
9 |
10 | Heading page
11 | images page
12 | intro page
13 |
14 |
15 | safari lab morning
16 | today we are learning introduction in HTML.HTML stands for hypertext make up language
17 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus accusantium consequuntur cum eius error eum explicabo facilis, maxime praesentium quisquam quo sed soluta voluptatibus? Cumque eos molestias numquam provident velit.
18 |
19 |
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab adipisci consequatur deserunt illo libero nobis optio
20 | quaerat quia sapiente, similique. Accusamus aliquam eius eum, facere illum itaque neque sapiente sunt!
21 |
22 | Aliquid beatae dolore dolores ea eum eveniet fugiat, impedit, incidunt itaque laboriosam laborum maiores minus modi
23 | nemo nihil praesentium rerum, sapiente soluta? In nemo nulla, recusandae sed sint temporibus voluptates.
24 |
25 | Adipisci atque dolor exercitationem necessitatibus quis quod sequi totam voluptas? Aspernatur culpa dolor eos
26 | eveniet ex, excepturi minima, nam, obcaecati odit optio perspiciatis quaerat quas reprehenderit saepe sunt suscipit
27 | tempore!
28 |
29 | Aliquid consequatur deserunt dignissimos, dolore dolorem doloremque esse est et fugit illo impedit iste iure labore
30 | libero magni minus molestiae nisi nobis non, placeat praesentium qui recusandae tenetur voluptas voluptates?
31 |
32 | Adipisci, amet beatae corporis deserunt est in inventore ipsum laudantium modi non saepe veritatis voluptas
33 | voluptate! Aliquid deleniti deserunt illo impedit itaque neque obcaecati quidem sed suscipit! Minus, officiis,
34 | tempora!
35 |
36 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda expedita ipsa laudantium, maxime neque omnis perferendis quaerat, quidem rem repellat reprehenderit sapiente sed voluptate? Culpa dicta exercitationem neque odio quae!
37 | things you need to know about
38 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores beatae blanditiis debitis laboriosam rem sapiente sint ullam veritatis voluptatem? Amet architecto dolor ipsam ipsum laborum neque odit ratione repellendus totam? Ab aliquam at cum dolores ducimus eaque esse eveniet, fugit illo incidunt ipsam iure magnam magni, maiores maxime obcaecati officia quaerat sapiente, sed sint? Accusantium eveniet facilis itaque nam voluptas? Alias aspernatur commodi consequatur corporis ex facilis, hic id ipsam laboriosam magni minus nam, nesciunt, numquam placeat possimus quas repellendus saepe sed soluta tempora veniam vero voluptatum. Adipisci, aut ex! Aliquid amet corporis cum delectus dicta dolores ea, facilis ipsa labore nam praesentium quae quasi quibusdam sit voluptatibus. Aspernatur ducimus harum ipsum labore, nam officiis pariatur quae quis quisquam soluta! Autem molestiae molestias mollitia praesentium quia! Aliquam architecto, culpa eius eveniet iste maxime molestiae obcaecati officia placeat possimus qui reprehenderit tempora veritatis? Ipsa, modi, nesciunt. Dignissimos dolor eum minus sequi.
39 | html tags
40 | lorem
41 |
42 |
--------------------------------------------------------------------------------
/kingswart.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Title
6 |
7 |
8 |
9 |
10 |
--------------------------------------------------------------------------------
/link.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
7 |
8 | Links
9 |
10 |
11 | link page
12 |
13 | Heading page
14 | images page
15 | intro page
16 | links page
17 | Manchester united
18 |
19 |
20 | click here to join emobilis
21 |
22 | Are you looking forward to know more about emobilis institution of information and technology
23 |
24 |
25 |
--------------------------------------------------------------------------------
/list.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
34 |
35 |
36 |
38 |
39 | List
40 |
41 |
42 | Ordered list
43 | Type of car
44 |
45 | Mercedes
46 | Subaru
47 | Audi
48 | Range
49 | Toyota
50 | Nissan
51 |
52 |
53 | unordered list
54 | Type of fruits
55 |
56 | mangoes
57 | Banana
58 | oranges
59 | Watermelon
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
--------------------------------------------------------------------------------
/login and registration.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
8 |
9 | login and registration
10 |
11 |
12 |
63 |
64 |
--------------------------------------------------------------------------------
/navigation.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
21 |
22 |
23 |
24 |
26 |
27 | safaricom
28 |
29 |
30 |
31 | personal
32 | business
33 | Mpesa
34 | About us
35 | Investor Relation
36 | Fraud Awareness
37 | Media
38 |
39 |
40 |
41 | Whats New
42 | The company has many ongoing project that are going to change and try to make the lifestyle of kenyan
43 | a bit easier
44 |
45 |
46 |
47 |
48 |
--------------------------------------------------------------------------------
/pharagraphs.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | pharagraphs
6 |
7 |
8 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto assumenda, atque error itaque odio quas. A accusamus, alias dignissimos eligendi eveniet iste minima natus, quae quisquam rem, suscipit voluptatum! Dignissimos.
9 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis cupiditate delectus eius est ex fuga iste laudantium magnam non omnis, optio possimus provident quae quo quod repellat similique tempora vel. A alias animi aspernatur beatae, corporis cumque cupiditate expedita in incidunt inventore sequi soluta sunt temporibus ullam vitae! Blanditiis fugit neque nesciunt quasi quisquam quos recusandae rerum vel veniam voluptatum! A ad alias delectus libero quas repellat repudiandae sunt tenetur. Aut autem commodi dolore et ipsa ipsum itaque, nam odio pariatur perspiciatis porro quasi, qui recusandae sequi similique sint voluptas! Aliquid aspernatur facilis magnam magni nisi reprehenderit soluta tempora! Ad at, aut cupiditate esse inventore, labore libero maiores modi natus non perspiciatis placeat provident quo reiciendis temporibus? Beatae, illum, minus. Architecto aspernatur atque beatae cumque dicta, distinctio explicabo fuga, fugiat labore, laudantium magni modi molestiae neque quae quaerat quia quod quos repellat rerum sequi similique sint tempora ullam voluptatibus voluptatum? Deleniti doloribus ea earum exercitationem facilis maiores nam pariatur quam, quidem reiciendis. Ab at consectetur delectus earum illo, itaque iure labore minima, necessitatibus perferendis praesentium quos ratione suscipit tempore vel! Ab aliquam blanditiis nemo nesciunt, pariatur reprehenderit tenetur voluptatibus. Alias atque autem ducimus enim esse eveniet fugit illo inventore, iusto neque nobis nulla porro quia soluta tempora ullam vero! Iusto? Adipisci atque est, impedit ipsam necessitatibus veritatis vero? Aperiam asperiores consequuntur eligendi, et eum expedita harum inventore maiores minus neque nihil nobis quam quis ratione repellat sunt temporibus veniam veritatis. Consequatur fugit laudantium nostrum officia omnis reiciendis! Accusantium architecto cumque deserunt dignissimos et, harum in itaque labore laudantium non officia quaerat quam quas quasi ratione reiciendis repellat repudiandae sit, voluptas.
10 | lorem
11 |
12 |
13 |
--------------------------------------------------------------------------------
/revision file.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
8 |
9 | Register
10 |
11 |
12 |
47 |
48 |
welcome
49 |
register to explore more in our website to learn more we provide people with a knowledge that will help them in their daily basic
50 |
51 |
52 |
53 |
54 |
55 | courses we offer
56 | cyber security
57 | full stack software development
58 | data science
59 | python
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
--------------------------------------------------------------------------------
/startic/CSS/Forms.css:
--------------------------------------------------------------------------------
1 | form{
2 | background: deeppink;
3 | padding: 20px;
4 | text-align: center;
5 | margin: 0;
6 |
7 |
8 | }
9 | h1,p{
10 | text-align: center;
11 | }
12 | {
13 | text-align: left;
14 | }
--------------------------------------------------------------------------------
/startic/CSS/Styles.css:
--------------------------------------------------------------------------------
1 | h2{
2 | color: aqua;
3 | text-align: center;
4 | font-family: "Bitstream Charter";
5 | font-size:30}
6 | td,th{
7 | border: 2px solid darkgoldenrod;
8 | padding: 10px;
9 | text-align: center;
10 |
11 | }
12 | table{
13 | width:100%
14 |
15 | }
16 | th{
17 | text-align: center;
18 | color: blue;
19 | }
20 |
21 |
22 |
--------------------------------------------------------------------------------
/startic/CSS/log-reg.css:
--------------------------------------------------------------------------------
1 | body{font-family: Arial,sans-serif;
2 | margin: 0;
3 | padding: 0;
4 | background-color:whitesmoke;
5 | display: flex;
6 | justify-content: center;
7 | align-items: center;
8 | height: 100vh;
9 | }
10 | .container{
11 | width: 400px;
12 | background-color: white;
13 | padding: 30px;
14 | border-radius: 8px;
15 | box-shadow: 0 4px 8px rgba(0,0,0,0.1);
16 | }
17 | h2{text-align: center;
18 | margin-bottom: 20px;
19 | color: #333;
20 | }
21 | .form-group{
22 | margin-bottom: 15px;
23 |
24 | }
25 | label{
26 | display: block;
27 | margin-bottom: 5px;
28 | font-weight: bold;
29 | }
30 | input{
31 | width: 100%;
32 | padding: 10px;
33 | border: 1px solind #ccc;
34 | border-radius: 40px;
35 | font-size: 16px;
36 | }
37 |
38 | button{
39 | width: 100%;
40 | padding: 10px;
41 | background-color: #007bff;
42 | border: none;
43 | border-radius: 40px;
44 | color: #fff;
45 | font-size: 16px;
46 | cursor: pointer;
47 | }
48 | button:hover{background-color: blueviolet;
49 | }
50 |
--------------------------------------------------------------------------------
/startic/CSS/revision.css:
--------------------------------------------------------------------------------
1 | .container{
2 | padding: 0px;
3 | justify-content: center;
4 | align-self: center;
5 | font-family: Arial, sans-serif;
6 | background-color: burlywood;
7 | border-radius: 200;
8 | display: block;
9 | width: 200; height: 400;}
10 | body{
11 | display: flex;
12 | padding: 10;
13 | margin: 6px;
14 | background-color: white;
15 | align-content: center;
16 | background-color: blueviolet;
17 |
18 |
19 | }
20 | .form-g{
21 | padding: 8px;
22 | align-items: center;
23 | }
24 | label{
25 | font: bolder;
26 | }
27 | input{
28 | border-radius: 40px;
29 |
30 | }
31 | button{
32 | cursor: pointer;
33 | width: 100%;
34 | font-size: 16;
35 | text-align: right;
36 | }
37 | button:hover{background-color: chartreuse;
38 | }h2{
39 | text-align: center;
40 | }
41 |
42 |
43 |
44 |
--------------------------------------------------------------------------------
/startic/CSS/urembo.css:
--------------------------------------------------------------------------------
1 | .fruits{
2 | background: red;
3 | padding: 20px;
4 | margin: 20px;
5 | text-align: center;
6 | border: 2px;
7 | text-blink: var(3);
8 | }
9 | .city{
10 | background: #25ec25;
11 | padding: 20px;
12 | text-align: center;
13 | margin-block: 2px;
14 |
15 | }
16 | .Car{
17 | background: blueviolet;
18 | padding:23;
19 | text-align: center;
20 | border: 3px;
21 |
22 | }
23 | p{backdrop-filter: none;
24 | }
25 | h2{
26 | color: deeppink;
27 | }
28 | .mycontainer{
29 | width: 100%;
30 | overflow: auto;
31 | }
32 | .mycontainer{
33 | width: 33%;
34 | float: left;
35 |
36 | }
--------------------------------------------------------------------------------
/startic/images/car1.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Vigor254/Html-basics2025/e5cc20e11a2e22f5034cdab3b24a749a186759dd/startic/images/car1.jpeg
--------------------------------------------------------------------------------
/startic/images/car2.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Vigor254/Html-basics2025/e5cc20e11a2e22f5034cdab3b24a749a186759dd/startic/images/car2.webp
--------------------------------------------------------------------------------
/startic/images/hacker1.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Vigor254/Html-basics2025/e5cc20e11a2e22f5034cdab3b24a749a186759dd/startic/images/hacker1.jpeg
--------------------------------------------------------------------------------
/startic/images/hacker1.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Vigor254/Html-basics2025/e5cc20e11a2e22f5034cdab3b24a749a186759dd/startic/images/hacker1.webp
--------------------------------------------------------------------------------
/startic/images/hacker2.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Vigor254/Html-basics2025/e5cc20e11a2e22f5034cdab3b24a749a186759dd/startic/images/hacker2.webp
--------------------------------------------------------------------------------
/startic/images/man u.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Vigor254/Html-basics2025/e5cc20e11a2e22f5034cdab3b24a749a186759dd/startic/images/man u.png
--------------------------------------------------------------------------------
/startic/images/money 1.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Vigor254/Html-basics2025/e5cc20e11a2e22f5034cdab3b24a749a186759dd/startic/images/money 1.jpeg
--------------------------------------------------------------------------------
/startic/images/money2.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Vigor254/Html-basics2025/e5cc20e11a2e22f5034cdab3b24a749a186759dd/startic/images/money2.jpeg
--------------------------------------------------------------------------------
/startic/images/nature1.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Vigor254/Html-basics2025/e5cc20e11a2e22f5034cdab3b24a749a186759dd/startic/images/nature1.jpeg
--------------------------------------------------------------------------------
/startic/images/saf.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Vigor254/Html-basics2025/e5cc20e11a2e22f5034cdab3b24a749a186759dd/startic/images/saf.png
--------------------------------------------------------------------------------
/startic/images/t.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Vigor254/Html-basics2025/e5cc20e11a2e22f5034cdab3b24a749a186759dd/startic/images/t.jpeg
--------------------------------------------------------------------------------
/startic/images/web.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Vigor254/Html-basics2025/e5cc20e11a2e22f5034cdab3b24a749a186759dd/startic/images/web.webp
--------------------------------------------------------------------------------
/startic/images/work3.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Vigor254/Html-basics2025/e5cc20e11a2e22f5034cdab3b24a749a186759dd/startic/images/work3.jpeg
--------------------------------------------------------------------------------
/table.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
8 |
9 | Table
10 |
11 |
12 |
13 | List of student
14 |
15 | Name
16 | Email
17 | Course taken
18 | gender
19 |
20 |
21 | Eric
22 | eric@gmail.com
23 | Reactjs
24 | Male
25 |
26 |
27 | Ann
28 | ann@gmail.com
29 | Python Djago
30 | Female
31 |
32 |
33 | john
34 | john@gmail.com
35 | Cybersecurity
36 | male
37 |
38 |
39 | James
40 | james@gmail.com
41 | MIT
42 | male
43 |
44 |
45 |
46 | Faith
47 | faith@gmail.com
48 | MIT
49 | Female
50 |
51 |
52 |
53 |
54 |