diff --git a/.vscode/launch.json b/.vscode/launch.json new file mode 100644 index 00000000..83a11985 --- /dev/null +++ b/.vscode/launch.json @@ -0,0 +1,14 @@ +{ + // Use IntelliSense to learn about possible attributes. + // Hover to view descriptions of existing attributes. + // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 + "version": "0.2.0", + "configurations": [ + { + "type": "pwa-chrome", + "request": "launch", + "name": "Open index.html", + "file": "c:\\Users\\Acer\\Downloads\\Compressed\\fork-me-fcc-test-suite-template\\HTML-CSS-Coursework-Week1\\index.html" + } + ] +} \ No newline at end of file diff --git a/css/style.css b/css/style.css index 75e9841e..eb4f3509 100644 --- a/css/style.css +++ b/css/style.css @@ -6,3 +6,104 @@ * for example: General styles, Navigation styles, Hero styles, Footer etc. * */ + +/*Header*/ +header{ + padding-bottom: 0; + margin-left: 255px; + background-color: rgb(217, 222, 223); + border-radius: 15px; + text-align: center; + font-family:Roboto,'Times New Roman', Times, serif; + font-size: 20px; +} +/*SideBar*/ +div.sideBar{ + background-color: rgb(80, 182, 80); + height: 100%; + width: 250px; + position: absolute; + top:21px; +} +.profilePic{ + width: 150px; + height: 150px; + margin-left: 50px; + border-radius: 50%; +} +.sideBar h2,img + p{ + font-size: 25px; + color: white; + text-align: center; +} +form input,button{ + margin-bottom: 5px; + margin-left: 10px; + height: 25px; + border-radius: 5px; + font-family: cursive; + font-size: 15px; + font-weight: 150; + color: blue; +} +form p{ + color: rgba(21, 123, 226, 0.63); + text-align: center; + font-size: 30px; +} + +/*footer*/ + +footer p{ + font-weight: 100; + font-size: 20px; + color: rgb(86, 40, 194); +} +.fa{ + padding: 10px; + width:20px; + margin-left:15px; + color:white; + text-decoration: none; + text-align: center; +} + +.fa-facebook { + background: #3B5998; + } + + + .fa-twitter { + background: #55ACEE; + + } + .fa-instagram { + background: #125688; + } + .fa-pinterest { + background: #cb2027; + } +/*Main*/ +main{ + margin-left: 250px; +} + +img.articleImg{ + width: 150px; + height: 150px; + border-radius: 50%; +} +table{ + margin: 20px; +} +.articleTopic{ + font-size: 20px; + font-weight: 100px; + font-family: cursive; +} +article:first-child{ + background-color: aliceblue; +} +html{ + height: 100%; +} \ No newline at end of file diff --git a/debug.log b/debug.log new file mode 100644 index 00000000..435bf4e5 --- /dev/null +++ b/debug.log @@ -0,0 +1,6 @@ +[1203/001348.370:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3) +<<<<<<< Updated upstream +[1203/163747.352:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3) +======= +>>>>>>> Stashed changes +[1204/153903.160:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3) diff --git a/index.html b/index.html index 67dfc7f5..1f7a9b04 100644 --- a/index.html +++ b/index.html @@ -6,7 +6,7 @@ name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> - My Blog + Hermosa + +
+
+

HERMOSA

+

We bring you the best of world most beautiful discoveries

+
+
- - +
+

Andile's Blog

+ profilePic +

Hi, My name is Andile Masela and this is my blog where I share the worlds best discoveries.

+
+

Register for notifications.

+ +
+ +
+
+ + + + + + + + + + + + + + + + + + + + + +
parallelUniverse

Parallel universe

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.read more

lifeOnAnotherPlanet

Life on Mars

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.read more

lifeOnSpace

Life in space

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.read more

+
+ diff --git a/lifeOnAnotherPlanet.jpg b/lifeOnAnotherPlanet.jpg new file mode 100644 index 00000000..9336c5ae Binary files /dev/null and b/lifeOnAnotherPlanet.jpg differ diff --git a/lifeOnSpace.jpg b/lifeOnSpace.jpg new file mode 100644 index 00000000..8c3eb62e Binary files /dev/null and b/lifeOnSpace.jpg differ diff --git a/parallelUniverse.jpg b/parallelUniverse.jpg new file mode 100644 index 00000000..ebd2e6ca Binary files /dev/null and b/parallelUniverse.jpg differ diff --git a/profilepic.jpg b/profilepic.jpg new file mode 100644 index 00000000..669c6f99 Binary files /dev/null and b/profilepic.jpg differ