1
1
<!DOCTYPE html>
2
2
< html lang ="en ">
3
+
3
4
< head >
4
5
< meta charset ="UTF-8 ">
5
6
< meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
6
7
< meta http-equiv ="X-UA-Compatible " content ="ie=edge ">
7
8
< title > HTML5</ title >
8
- < link href ="https://fonts.googleapis.com/css?family=Open+Sans " rel ="stylesheet ">
9
+ < link href ="https://fonts.googleapis.com/css?family=Open+Sans " rel ="stylesheet ">
9
10
< link rel ="stylesheet " href ="style.css " />
10
-
11
+
11
12
</ head >
13
+
12
14
< body >
13
- < header >
14
- < h1 > < img src ="https://www.w3.org/html/logo/downloads/HTML5_Badge_512.png " alt ="HTML 5 "> Web Development - Zero to Mastery</ h1 >
15
- < img src ="">
15
+ < header >
16
+ < h1 > < img src ="https://www.w3.org/html/logo/downloads/HTML5_Badge_512.png " alt ="HTML 5 "> Web Development - Zero to
17
+ Mastery</ h1 >
18
+ < img src ="">
16
19
< nav >
17
20
< ul class ="flex ">
18
21
< li > < a href ="index.html "> Home</ a > </ li >
19
22
< li > < a href ="about.html "> What will I learn?</ a > </ li >
20
23
< li > < a href ="register.html "> Sign Up</ a > </ li >
21
- </ ul >
24
+ </ ul >
22
25
</ nav >
23
26
</ header >
24
27
< div class ="container ">
25
28
< main >
26
29
< br >
27
30
< h1 > Why I take this course?</ h1 >
28
31
< p > I want to work as a web developer of the highest level ..< br >
29
- There are many things that I know and know how to do them perfectly,< br >
30
- but I want to expand my skills and do more ..< br >
31
- I want to learn REAL industry skills that are necessary in 2019 ..
32
+ There are many things that I know and know how to do them perfectly,< br >
33
+ but I want to expand my skills and do more ..< br >
34
+ I want to learn REAL industry skills that are necessary in 2019 ..
32
35
</ p >
33
36
34
37
< p > Sooo hope that this course will help me to succeed ..</ p >
35
38
36
-
37
- < div id ='picbox '> < img id ="descriptionimg " src ="https://pocketnow.com/wp-content/uploads/2017/01/PN-Complete-Web-Programming.jpg "> </ div >
39
+
40
+ < div id ='picbox '> < img id ="descriptionimg "
41
+ src ="https://pocketnow.com/wp-content/uploads/2017/01/PN-Complete-Web-Programming.jpg "> </ div >
38
42
</ main >
39
43
< aside >
40
44
< br >
41
- < h1 > Software Development Technologies:</ h1 >
42
- < ul class ='ulone '>
43
- < li class ="skills ">
44
- < img src ="https://www.w3.org/html/logo/downloads/HTML5_Badge_512.png " alt ="HTML 5 ">
45
- < a href ="https://www.w3schools.com/html/html5_intro.asp "/> HTML 5</ a >
46
- </ li >
47
- < li class ="skills ">
48
- < img src ="https://juststickers.in/wp-content/uploads/2014/05/CSS3-Mark-Shape-Cut.png " alt ="CSS 3 ">
49
- < a href ="https://www.w3schools.com/css/ "> CSS 3</ a >
50
- </ li >
51
- < li class ="skills ">
52
- < img src ="https://upload.wikimedia.org/wikipedia/commons/thumb/e/ea/Boostrap_logo.svg/440px-Boostrap_logo.svg.png " alt ="Bootstrap 4 ">
53
- < a href ="https://www.w3schools.com/bootstrap4/ "> Bootstrap 4 </ a >
54
- </ li >
55
- < li class ="skills " id ="javascript " onclick ="javaScriptCategorySelected() ">
56
- < img src ="https://www.easyprogramming.net/logo/js.png " alt ="Pure JavaScript/ ">
57
- < a href ="https://www.w3schools.com/js/ "> JavaScript </ a >
58
- </ li >
59
- < li class ="skills ">
60
- < img src ="https://raw.githubusercontent.com/rexxars/react-hexagon/HEAD/logo/react-hexagon.png " alt ="react ">
61
- < a href ="https://reactjs.org/ "> React </ a >
62
- </ li >
63
- < li class ="skills ">
64
- < img src ="http://ronvalstar.nl/wordpress/wp-content/uploads/git-icon.svg " alt ="Git + Github ">
65
- < a href ="https://github.com/zero-to-mastery/start-here-guidelines "> Git + Github </ a >
66
- </ li >
67
- </ ul >
68
- < ul class ='ultwo '>
69
- < li class ="skills ">
70
- < img src ="https://seeklogo.com/images/P/python-logo-A32636CAA3-seeklogo.com.png " alt ="Python ">
71
- < a href ="https://www.python.org/ "> Python </ a >
72
- </ li >
73
- < li class ="skills ">
74
- < img src ="https://nodejs.org/static/images/logos/nodejs-new-pantone-black.png " alt ="Node.js ">
75
- < a href ="https://www.w3schools.com/nodejs/nodejs_intro.asp "> Node Js </ a >
76
- </ li >
77
- < li class ="skills ">
78
- < img src ="http://webodile.com/wp-content/uploads/2017/12/expressjslogo.png " alt ="Express js " style ="background: #333; "> < a href ="https://www.tutorialspoint.com/expressjs/ "> Express js </ a >
79
- </ li >
80
- < li class ="skills ">
81
- < img src ="https://avatars2.githubusercontent.com/u/6078720?s=400&v=4 " alt ="NPM ">
82
- < a href ="https://www.w3schools.com/nodejs/nodejs_npm.asp "> NPM</ a >
83
- </ li >
84
- < li class ="skills ">
85
- < img src ="https://upload.wikimedia.org/wikipedia/commons/thumb/2/29/Postgresql_elephant.svg/1000px-Postgresql_elephant.svg.png " alt ="PostgresSQL ">
86
- < a href ="https://www.tutorialspoint.com/postgresql/ "> PostgresSQL </ a >
87
- </ li >
88
- < li class ="skills ">
89
- < img src ="https://crmtipoftheday.com/wp-content/uploads/2017/10/Database-250x250.png " alt ="SQL ">
90
- < a href ="https://www.w3schools.com/sql/ "> SQL </ a >
91
- </ li >
92
- </ ul >
45
+ < h1 > Software Development Technologies:</ h1 >
46
+ < ul class ='ulone '>
47
+ < li class ="skills ">
48
+ < img src ="https://www.w3.org/html/logo/downloads/HTML5_Badge_512.png " alt ="HTML 5 ">
49
+ < a href ="https://www.w3schools.com/html/html5_intro.asp " /> HTML 5</ a >
50
+ </ li >
51
+ < li class ="skills ">
52
+ < img src ="https://juststickers.in/wp-content/uploads/2014/05/CSS3-Mark-Shape-Cut.png " alt ="CSS 3 ">
53
+ < a href ="https://www.w3schools.com/css/ "> CSS 3</ a >
54
+ </ li >
55
+ < li class ="skills ">
56
+ < img src ="https://upload.wikimedia.org/wikipedia/commons/thumb/e/ea/Boostrap_logo.svg/440px-Boostrap_logo.svg.png "
57
+ alt ="Bootstrap 4 ">
58
+ < a href ="https://www.w3schools.com/bootstrap4/ "> Bootstrap 4 </ a >
59
+ </ li >
60
+ < li class ="skills " id ="javascript " onclick ="javaScriptCategorySelected() ">
61
+ < img src ="https://www.easyprogramming.net/logo/js.png " alt ="Pure JavaScript/ ">
62
+ < a href ="https://www.w3schools.com/js/ "> JavaScript </ a >
63
+ </ li >
64
+ < li class ="skills ">
65
+ < img src ="https://raw.githubusercontent.com/rexxars/react-hexagon/HEAD/logo/react-hexagon.png "
66
+ alt ="react ">
67
+ < a href ="https://reactjs.org/ "> React </ a >
68
+ </ li >
69
+ < li class ="skills ">
70
+ < img src ="http://ronvalstar.nl/wordpress/wp-content/uploads/git-icon.svg " alt ="Git + Github ">
71
+ < a href ="https://github.com/zero-to-mastery/start-here-guidelines "> Git + Github </ a >
72
+ </ li >
73
+ </ ul >
74
+ < ul class ='ultwo '>
75
+ < li class ="skills ">
76
+ < img src ="https://seeklogo.com/images/P/python-logo-A32636CAA3-seeklogo.com.png " alt ="Python ">
77
+ < a href ="https://www.python.org/ "> Python </ a >
78
+ </ li >
79
+ < li class ="skills ">
80
+ < img src ="https://nodejs.org/static/images/logos/nodejs-new-pantone-black.png " alt ="Node.js ">
81
+ < a href ="https://www.w3schools.com/nodejs/nodejs_intro.asp "> Node Js </ a >
82
+ </ li >
83
+ < li class ="skills ">
84
+ < img src ="http://webodile.com/wp-content/uploads/2017/12/expressjslogo.png " alt ="Express js "
85
+ style ="background: #333; "> < a href ="https://www.tutorialspoint.com/expressjs/ "> Express js </ a >
86
+ </ li >
87
+ < li class ="skills ">
88
+ < img src ="https://avatars2.githubusercontent.com/u/6078720?s=400&v=4 " alt ="NPM ">
89
+ < a href ="https://www.w3schools.com/nodejs/nodejs_npm.asp "> NPM</ a >
90
+ </ li >
91
+ < li class ="skills ">
92
+ < img src ="https://upload.wikimedia.org/wikipedia/commons/thumb/2/29/Postgresql_elephant.svg/1000px-Postgresql_elephant.svg.png "
93
+ alt ="PostgresSQL ">
94
+ < a href ="https://www.tutorialspoint.com/postgresql/ "> PostgresSQL </ a >
95
+ </ li >
96
+ < li class ="skills ">
97
+ < img src ="https://crmtipoftheday.com/wp-content/uploads/2017/10/Database-250x250.png " alt ="SQL ">
98
+ < a href ="https://www.w3schools.com/sql/ "> SQL </ a >
99
+ </ li >
100
+ </ ul >
93
101
</ aside >
94
102
</ div >
95
103
< footer >
96
104
Made by Tatyana K. © All right reserved ;)
97
105
</ footer >
98
-
99
- < script type ="text/javascript " src ="script.js "> </ script >
106
+
107
+ < script type ="text/javascript " src ="script.js "> </ script >
100
108
</ body >
101
- </ html >
109
+
110
+ </ html >
0 commit comments