diff --git a/ConvertFirstPage.html b/ConvertFirstPage.html new file mode 100644 index 0000000..956ba73 --- /dev/null +++ b/ConvertFirstPage.html @@ -0,0 +1,179 @@ + + + + + + + + + + + + + + + + +
+
+ ... +
+ Lorem Ipsem +

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

+
+ +
+
+
+ ...
+ Card Title +

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

+
+ +
+
+ ... +
+
Notha Title
+

Ut lie ferad silli, erant refe sol pre noeukf.

+
+ +
+
+
+
+ ... +
Card title
+

This card has a regular title and short paragraphy of text below it.

+
+ +
+
+
+
+ ...
Card title
+

This card has a regular title and short paragraphy of text below it.

+
+ +
+
+
+
+ ...
Card title
+

This card has a regular title and short paragraphy of text below it.

+
+ +
+
+
+
+ ...
Card title
+

This card has a regular title and short paragraphy of text below it.

+
+ +
+
+
+
+ ...
Card title
+

This card has a regular title and short paragraphy of text below it.

+
+ +
+
+
+
+ ...
Card title
+

This card has a regular title and short paragraphy of text below it.

+
+ +
+
+
+ + + +
+ + + +
© Jkoros 2011 +
+ + + + + + +
+ + +
+ + + diff --git a/Images/GreenCode.jpeg b/Images/GreenCode.jpeg new file mode 100644 index 0000000..202eaca Binary files /dev/null and b/Images/GreenCode.jpeg differ diff --git a/Images/Hammrabi.jpeg b/Images/Hammrabi.jpeg new file mode 100644 index 0000000..bc47453 Binary files /dev/null and b/Images/Hammrabi.jpeg differ diff --git a/Images/batman.png b/Images/batman.png new file mode 100644 index 0000000..3b4185b Binary files /dev/null and b/Images/batman.png differ diff --git a/Images/code.jpeg b/Images/code.jpeg new file mode 100644 index 0000000..abe8cdf Binary files /dev/null and b/Images/code.jpeg differ diff --git a/Images/download.jpeg b/Images/download.jpeg new file mode 100644 index 0000000..2f16a6f Binary files /dev/null and b/Images/download.jpeg differ diff --git a/Images/gearhead.png b/Images/gearhead.png new file mode 100644 index 0000000..dc1b2bc Binary files /dev/null and b/Images/gearhead.png differ diff --git a/blog-post.png b/blog-post.png index d9fc637..44f50ff 100644 Binary files a/blog-post.png and b/blog-post.png differ diff --git a/secondpage.html b/secondpage.html new file mode 100644 index 0000000..fcec125 --- /dev/null +++ b/secondpage.html @@ -0,0 +1,167 @@ + + + + + + + + + + + + + + +
+
+
+

Jan 29

Ridiculus mattem forem

+
+ ... +

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dui augue, ornare eu ultrices ac, posuere sed nibh. Aliquam venenatis diam elit, eget pulvinar purus commodo ultricies. Maecenas justo mi, commodo commodo blandit ut, luctus eu sapien. In laoreet dignissim urna, et fringilla mi cursus commodo. In pellentesque erat eu mi pulvinar, sit amet porta tellus cursus. Phasellus non sem viverra, hendrerit metus non, imperdiet lacus. Vestibulum vehicula urna egestas ex auctor pharetra. Pellentesque id tellus vel purus malesuada ullamcorper vel quis ligula.
+
+ Nullam at lacinia lectus. Sed porttitor tempor felis, a dapibus turpis. Aenean tristique semper laoreet. Donec magna nisi, hendrerit ut elit vitae, aliquam accumsan nulla. Nulla facilisi. Curabitur malesuada odio a turpis commodo, ac fringilla eros pretium. Nunc congue gravida condimentum. Sed diam tellus, dapibus nec congue tristique, eleifend vitae elit. Integer condimentum libero nec ornare interdum. Nullam venenatis nibh lorem, quis pellentesque elit facilisis eu.

+ + Nulla facilisi. Donec posuere est in ligula pellentesque, vel efficitur dui accumsan. Sed imperdiet ultrices euismod. Fusce dignissim malesuada erat, eget tincidunt libero. Praesent eu rutrum massa. Proin justo leo, sodales sed euismod sed, placerat sed lectus. Cras vestibulum orci nunc, non facilisis lacus placerat eget. Cras nec faucibus tellus.


+ +
+ + + Related Posts

+
+ ... + ... + ... + ... +
+
+ + + 2 Responses to "Ridiculus Mattem" +

+
+ ... +
Not Batman
+ Nullam at lacinia lectus. Sed porttitor tempor felis, a dapibus turpis. Aenean tristique semper laoreet. Donec magna nisi, hendrerit +
+

+
+ ... +
Top Hat Guy
+ Nullam at lacinia lectus. Sed porttitor tempor felis, a dapibus turpis. Aenean tristique semper laoreet. Donec magna nisi, hendrerit +
+
+
+ + + + + Submit a comment: +
+ Your email address will not be published. Required fields are marked with a *

+ +

+

+

+ +
+ + + +
+

Popular Posts

+ ... + ... + ... +
+ + +
+ Custom Text +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+ Lorem ipsum dolor sit amet.

+
+
+
+ + + +
+
+

Popular Posts

+

I love this website!
+ from May 15, 1953

+

This website is amazing for blogs
+ from February 30, 2025

+

I like blogging so this is perfect!
+ from March 1992

+
+
+

Twitter

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. -21 hours ago

+ Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. -19 hours ago
+ Ut enim ad minim veniam, quis nostrud, ut enim ad minim veniam, quis nostrud. -17 seconds ago
+

+
+
+ A LITTLE ABOUT ME +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

+ Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+
+
+ + +
+
+ + + We'll never share your email with anyone else. +
+
+ + +
+
+ + +
+ +
+ +
+
+ + + +
© Jkoros 2011 +
+ + + + + + +
+
+ + + + + + + \ No newline at end of file diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..6878d69 --- /dev/null +++ b/styles.css @@ -0,0 +1,168 @@ +/* Navbar */ +.navbar { + background-color: rgb(58, 61, 64); + color: white; + display: flex; + align-items: center; +} + +.navbar navbar-expand-lg { + text-decoration: white; +} +/* Column */ +.card-columns { + margin-left: 15%; + margin-right: 15%; + margin-top: 5%; +} + +.card { + background-color: rgb(247, 247, 247); +} + +.under-cards { + + margin-left: 15%; +} +.row { + margin: 10%, 10%, auto, 10%; + padding-top: 5%; +} + + +.date { + background-color: rgb(236, 236, 236); + border-radius: 55%; + width: 40px; + text-align: center; + margin-right: 20px; +} + +.relatedposts { + display: flex; + width: 140px; +} + +.responsebox { + display: flex; +} + +.col-6 { + margin-right: 15%; + margin-left: 15%; +} + +#batman { + width: 55px; + height: 55px; +} + +.response { + border: solid; + border-color: lightgrey; + background-color: lightgrey; +} + +/* Footer */ +.bottom-footer { + background-color: rgba(47, 50, 53); + color: white; + display: flex; + align-items: center; +} +.bottom { + background-color: rgb(58, 61, 64); + color: white; + margin-top: 5%; + padding-bottom: 5%; +} + + +.btn btn-primary { + background-color: blue; + color: white; +} + +#contentimage { + width: 450px; + height: 300px; +} + +.col-left { + margin-left: 15%; +} + +.form-group { + margin-right: 15%; +} + +.date-title { + display: flex; +} + +#message { + background-color: rgb(39, 41, 43); + border: none; +} + + +/* social media links */ +.fa { + padding: 10px; + font-size: 10px; + width: 10px; + text-align: center; + text-decoration: none; + margin: 2px 2px; + } + + .fa:hover { + opacity: 0.7; +} + + .fa-reddit { + background: #ff5700; + color: white; + } + + .fa-rss { + background: #ff6600; + color: white; + } + + .fa-flickr { + background: #f40083; + color: white; + } + + .fa-pinterest { + background: #cb2027; + color: white; + } + + .fa-linkedin { + background: #007bb5; + color: white; + } + + .fa-twitter { + background: #55ACEE; + color: white; + } + + .fa-facebook { + background: #3B5998; + color: white; + } + + .bottom-footer { + display: flex; + justify-content: space-between; + align-items: center; + } + + .bottom-footer__social + { + display: flex; + width:20%; + } \ No newline at end of file