diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 00000000..6f3a2913 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/week1/3-website/css/style.css b/week1/3-website/css/style.css deleted file mode 100644 index 75e9841e..00000000 --- a/week1/3-website/css/style.css +++ /dev/null @@ -1,8 +0,0 @@ -/** - * Add your custom styles below - * - * Remember: - * - Be organised, use comments and separate your styles into meaningful chunks - * for example: General styles, Navigation styles, Hero styles, Footer etc. - * - */ diff --git a/week1/3-website/index.html b/week1/3-website/index.html deleted file mode 100644 index 67dfc7f5..00000000 --- a/week1/3-website/index.html +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - My Blog - - - - - - - - - diff --git a/week1/3-website/mywebsite/blog/first-entry/index.html b/week1/3-website/mywebsite/blog/first-entry/index.html new file mode 100644 index 00000000..8ac4176e --- /dev/null +++ b/week1/3-website/mywebsite/blog/first-entry/index.html @@ -0,0 +1,19 @@ + + + + + + + First Entry - Web Portfolio of Ali Haider + + + Home +

First Entry

+

April 24, 2020

+ +
+ +

This is my very first blog entry.

+ + + \ No newline at end of file diff --git a/week1/3-website/mywebsite/blog/index.html b/week1/3-website/mywebsite/blog/index.html new file mode 100644 index 00000000..6d255c76 --- /dev/null +++ b/week1/3-website/mywebsite/blog/index.html @@ -0,0 +1,24 @@ + + + + + + + Blog - Web Portfolio of Marco + + + Home +

Blog

+ +

I write about things I encounter while learning web programming.

+ +

Blog Entries

+ + + + + \ No newline at end of file diff --git a/week1/3-website/mywebsite/blog/second-entry/index.html b/week1/3-website/mywebsite/blog/second-entry/index.html new file mode 100644 index 00000000..359dcfe4 --- /dev/null +++ b/week1/3-website/mywebsite/blog/second-entry/index.html @@ -0,0 +1,19 @@ + + + + + + + Second Entry - Web Portfolio of Ali Haider + + + Home +

Second Entry

+

April 24, 2020

+ +
+ +

This is my Second blog entry.

+ + + \ No newline at end of file diff --git a/week1/3-website/mywebsite/contact/index.html b/week1/3-website/mywebsite/contact/index.html new file mode 100644 index 00000000..efc14fae --- /dev/null +++ b/week1/3-website/mywebsite/contact/index.html @@ -0,0 +1,22 @@ + + + + + + + Contact - Web Portfolio of Marco + + + Home +

Contact

+ +

+ You can contact me by email: alihaiderx736@gmail.com +

+ +

+ Ali Haider
+ Student Code Your Future +

+ + \ No newline at end of file diff --git a/week1/3-website/mywebsite/css/style.css b/week1/3-website/mywebsite/css/style.css new file mode 100644 index 00000000..67088b28 --- /dev/null +++ b/week1/3-website/mywebsite/css/style.css @@ -0,0 +1,147 @@ +/** + * Add your custom styles below + * + * Remember: + * - Be organised, use comments and separate your styles into meaningful chunks + * for example: General styles, Navigation styles, Hero styles, Footer etc. + * + */ + +/* body start */ +body { + margin:0%; + background-color: rgba(171, 201, 253, 0.548); + font-family: Arial, Helvetica, sans-serif; + +} + +/* header start */ +header { + + padding: 1%; + background-color: rgba(255, 255, 255, 0.945) ; + +} + +h2 { + margin : 0%; + padding: 2% 5% 0% 2%; + text-align: center; + display: inline; + +} +span { + margin : 0%; + padding: 2% 0% 0% 2%; + display: inline-table; +} + +/* navigation start */ +nav { + margin : 2% 0% 0% 0%; + background-color: #0D47A1; + overflow: hidden; + + +} + +nav a { + + color : rgb(255, 255, 255); + text-decoration: none; + display: block; + float: left; + padding: 14px 16px; +} +nav a:hover { + background-color: rgb(39, 199, 49); + color: rgb(0, 0, 0); + +} +/* navigation end */ + +/* header end */ + + + + +/* main start */ + +main { + margin: 2% 1% 2% 1%; + +} + +/* article start */ + + img { + width: 95%; + height: 300px; + background-image: url("https://image.freepik.com/free-psd/aerial-view-computer-laptop-wooden-table_53876-11990.jpg"); + background-size: 100% 100%; + border-radius: 50px; + border: solid rgb(238, 255, 0); + + } + + main > article:first-child { + background-color: rgba(246, 248, 144, 0.74); + color: #304FFE ; +} +article { + padding: 1% 10% 1% 10%; + margin :1%; + background-color: rgba(255, 255, 255, 0.904); + text-align: center; + + +} + +h5,h4 { + text-align: center; +} + +ol { + text-align: left; +} + +p{ + padding: 1%; + color: black; + text-align: justify ; +} + +/* article end */ + +/* main end */ + +/* footer start */ + +h6 { + text-align: center; + margin : 2%; + padding: 2%; + background-color: #0D47A1; + overflow: hidden; + color: white; +} + + +/* footer end */ + +/* body end */ + +/* start of portfolio page */ + +#portfolioHeader { + background-color: #607d8b; + color: #ffffff; + } +#portfolioImage { + width: 300px; +} + + + + +/* end of portfolio page */ \ No newline at end of file diff --git a/week1/3-website/mywebsite/img/Ali Haider.jpg b/week1/3-website/mywebsite/img/Ali Haider.jpg new file mode 100644 index 00000000..5683a848 Binary files /dev/null and b/week1/3-website/mywebsite/img/Ali Haider.jpg differ diff --git a/week1/3-website/mywebsite/index.html b/week1/3-website/mywebsite/index.html new file mode 100644 index 00000000..7a4da886 --- /dev/null +++ b/week1/3-website/mywebsite/index.html @@ -0,0 +1,100 @@ + + + + + + Ali Haider's Blog + + + + + + + + + + +
+ +

Ali Haider's Blog

+ + + I am creating this blog to improve my I.T skills. + + + + + +
+ + +
+ +
+

Post 1

+ Dream Image +
My Dream
+

+ My dream is to become a successful Web Developer. From when I was a young boy, I always enjoyed playing computer games, interacting with computers and was so excited to get my first phone. As a young boy I would spend hours at the local computer games cafe, until my parents would literally drag me home! +

From then on, I knew my interest was computers, as I furthered in my education and studies, I found that Web Development and designing Websites was something that particularly interested me. + +

+ My Portifolio +
+ +
+

Post 2

+ +
My Hobbies
+ Hobbies Image + +
    +
  1. Playing Badminton, Cricket
    2. +
  2. Listening Music
    3. +
  3. Watching Comedy Shows
    4. +
  4. Watching Tutorials
    5. +
+ + Back to top of page +
+ +
+

Post 3

+
Learning Version Control with Git
+ Git Image + +

+ Learn to track and manage changes. +

+ Start Free Course +
+ +
+

More Posts Comming Soon.

+ +
+ +
+ + + + + + diff --git a/week1/3-website/mywebsite/portfolio/index.html b/week1/3-website/mywebsite/portfolio/index.html new file mode 100644 index 00000000..e693d812 --- /dev/null +++ b/week1/3-website/mywebsite/portfolio/index.html @@ -0,0 +1,25 @@ + + + + + + Web Portfolio of Ali Haider + + + + + Home +

Web Portfolio of Ali Haider

+ +

Welcome!

+

Thanks for stopping by.

+

Please have a look around. In the blog section I document my experiences in programming.
You may also look at my web projects. Have Fun.

+ Picture of me +

Ali Haider :-)

+ + diff --git a/week1/3-website/mywebsite/projects/index.html b/week1/3-website/mywebsite/projects/index.html new file mode 100644 index 00000000..3eb526a2 --- /dev/null +++ b/week1/3-website/mywebsite/projects/index.html @@ -0,0 +1,17 @@ + + + + + + + Projects - Web Portfolio of Marco + + + Home + +

Projects

+ +

Here you will soon find my web projects.

+ + + \ No newline at end of file