diff --git a/blogPost.html b/blogPost.html new file mode 100644 index 0000000..a8de814 --- /dev/null +++ b/blogPost.html @@ -0,0 +1,269 @@ + + + + + + + + + + Elu's Blog Post + + + +
+
+
+ +
+
+
+ +
+
+
+

Ridiculus Mattis Lorem Dolor Inceptos


+
+ Posted by admin in Journal, Photography, Web Design | 9 Comments + Responsive image + +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dui sapien eget mi proin sed. Feugiat nisl pretium fusce id velit ut tortor. Placerat duis ultricies lacus sed. Nibh tellus molestie + nunc non blandit massa. Posuere urna nec tincidunt praesent semper. Nisl nisi scelerisque eu ultrices vitae auctor. Fringilla urna porttitor rhoncus dolor purus non enim praesent. Facilisi etiam dignissim diam quis. Praesent elementum + facilisis leo vel fringilla est ullamcorper. Cras tincidunt lobortis feugiat vivamus at augue eget. Arcu risus quis varius quam. Donec massa sapien faucibus et molestie ac feugiat sed lectus. Nisl purus in mollis nunc. Neque gravida + in fermentum et sollicitudin ac orci phasellus egestas. Sed sed risus pretium quam vulputate. Quam elementum pulvinar etiam non quam lacus suspendisse. Ipsum suspendisse ultrices gravida dictum fusce. Molestie ac feugiat sed lectus. +

+

+ Posuere morbi leo urna molestie at elementum eu facilisis. Sit amet cursus sit amet dictum. Ut aliquam purus sit amet luctus venenatis lectus. Arcu felis bibendum ut tristique et egestas. Volutpat odio facilisis mauris sit amet massa vitae tortor. Libero + justo laoreet sit amet cursus. Dapibus ultrices in iaculis nunc sed augue. Non nisi est sit amet facilisis magna etiam tempor orci. Sapien et ligula ullamcorper malesuada proin libero nunc consequat. Feugiat nibh sed pulvinar proin + gravida hendrerit lectus a. At risus viverra adipiscing at in tellus integer. Faucibus a pellentesque sit amet porttitor eget. +

+

+ Odio aenean sed adipiscing diam donec adipiscing tristique. Vel pharetra vel turpis nunc eget lorem dolor sed. Ante in nibh mauris cursus. Senectus et netus et malesuada fames. Integer feugiat scelerisque varius morbi enim nunc faucibus a pellentesque. + Quis commodo odio aenean sed adipiscing diam. A cras semper auctor neque vitae. Velit sed ullamcorper morbi tincidunt ornare massa. Id faucibus nisl tincidunt eget nullam non. Consectetur libero id faucibus nisl tincidunt. Et netus + et malesuada fames ac turpis egestas sed. Massa ultricies mi quis hendrerit dolor magna eget est. Et netus et malesuada fames ac turpis. Amet cursus sit amet dictum. Vestibulum morbi blandit cursus risus at ultrices mi tempus imperdiet. + Accumsan lacus vel facilisis volutpat. Dolor sit amet consectetur adipiscing elit pellentesque. Porttitor massa id neque aliquam vestibulum morbi blandit cursus risus. Euismod elementum nisi quis eleifend quam adipiscing. Diam ut venenatis + tellus in metus vulputate eu. +

+

+ Tortor dignissim convallis aenean et tortor. Commodo ullamcorper a lacus vestibulum sed arcu non odio. Auctor urna nunc id cursus metus aliquam eleifend mi. Ut enim blandit volutpat maecenas volutpat blandit aliquam etiam erat. Quam lacus suspendisse + faucibus interdum posuere lorem ipsum. Ac turpis egestas maecenas pharetra convallis posuere morbi. Sed blandit libero volutpat sed cras ornare. Etiam tempor orci eu lobortis elementum. Suspendisse ultrices gravida dictum fusce ut + placerat orci. Et netus et malesuada fames ac turpis egestas integer eget. Id nibh tortor id aliquet lectus proin nibh nisl. Duis at consectetur lorem donec massa sapien faucibus et molestie. Netus et malesuada fames ac. Lectus proin + nibh nisl condimentum id venenatis a condimentum vitae. +

+
+
+
+ + +
+

Related Posts"

+
+ stockPhoto + stockPhoto + stockPhoto + stockPhoto +
+ +
+
+ + +
+

2 Responses to "Ridiculus Mattis Lorem Dolor Inceptos"

+
+ stockPhoto +
+ Barney Stinson + Curabitur blandit tempus porttitor. Maecenas faucibus mollis interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ligula porta euismod semper. +
+
+
+ stockPhoto +
+ Ted Evelyn Mosby + Curabitur blandit tempus porttitor. Maecenas faucibus mollis interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ligula porta euismod semper. +
+
+
+
+ +
+

Submit a Comment

+
+

Your email address will not be published.

+
+

Required fields are marked *

+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ +
+
+
+
+
+ +
+
+
+
+

POPULAR POSTS

+
+ stockPhoto +
+ Vestibum Malesuada Etiam Magna
+ 22 Nov, 2012 +
+
+ +
+ stockPhoto +
+ Mattis Egestas Fringilla Consectetur
+ 15 Nov, 2012 +
+
+ +
+ stockPhoto +
+ Justo Loren Fermentum Ultricies Pharetra
+ 12 Nov, 2012 +
+
+ +
+
+
+

SEARCH

+ +
+
+
+
+

CUSTOM TEXT

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident culpa voluptatum impedit placeat rerum possimus voluptate magnam? Quasi magnam veniam quisquam alias soluta aliquam quis blanditiis vero omnis, eos assumenda. + Sed posuere consectetur est at lobortis. Sed posuere consectetur est at lobortis. Fusce mauris condimentum. +
+
+
+ +
+
+
+

POPULAR POSTS

+
+

Vivamus sagittis lacus vel augue laoreet rutrum dolor auctor.

+ 14 Nov, 2012 +
+
+
+

Scelerisque nisl consectetur et.

+ 22 May, 2012 +
+
+
+

Pellentesque ornare sem lacinia quam venenatis vestibulum. Fusce

+ 15 July, 2012 +
+
+
+
+

TWITTER

+
+

Praesent commodo cursus magna Morbi leo risus nulla consectetur. -21 hours ago +

+
+
+
+

Vestibulum id ligula porta euismod semper. auctor dolor fermentum. -2 days ago +

+
+
+
+

Donec ullamcorper nulla non metus auctor. -3 days ago

+
+
+
+
+

A LITTLE ABOUT ME

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium sit est, modi quibusdam, rem nam voluptatibus dolorum alias corporis, molestias necessitatibus explicabo enim quod sint nobis molestiae sed obcaecati error?

+

Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit.

+
+
+
+
+

CONTACT FORM

+
+ +
+
+ +
+
+ +
+
+
+
+ +
+ +
+ © 2011 Ikaros. Theme by Sea Green Media + + + + + + + + +
+ + + + \ No newline at end of file diff --git a/images/Ikaros-designstyle-smoothie-u.png b/images/Ikaros-designstyle-smoothie-u.png new file mode 100644 index 0000000..96fdd58 Binary files /dev/null and b/images/Ikaros-designstyle-smoothie-u.png differ diff --git a/blog-post.png b/images/blog-post.png similarity index 100% rename from blog-post.png rename to images/blog-post.png diff --git a/blog.png b/images/blog.png similarity index 100% rename from blog.png rename to images/blog.png diff --git a/images/placeholder.png b/images/placeholder.png new file mode 100644 index 0000000..51b4862 Binary files /dev/null and b/images/placeholder.png differ diff --git a/images/placeholder_responsiveFull_993x350.png b/images/placeholder_responsiveFull_993x350.png new file mode 100644 index 0000000..6149dee Binary files /dev/null and b/images/placeholder_responsiveFull_993x350.png differ diff --git a/images/placeholder_small_500x300.png b/images/placeholder_small_500x300.png new file mode 100644 index 0000000..5e36b11 Binary files /dev/null and b/images/placeholder_small_500x300.png differ diff --git a/images/placeholder_smaller_250x150.png b/images/placeholder_smaller_250x150.png new file mode 100644 index 0000000..526ee4e Binary files /dev/null and b/images/placeholder_smaller_250x150.png differ diff --git a/images/placeholder_thumbnail_200x200.png b/images/placeholder_thumbnail_200x200.png new file mode 100644 index 0000000..030d234 Binary files /dev/null and b/images/placeholder_thumbnail_200x200.png differ diff --git a/images/placeholder_thumbnail_50x50.png b/images/placeholder_thumbnail_50x50.png new file mode 100644 index 0000000..d78dcc7 Binary files /dev/null and b/images/placeholder_thumbnail_50x50.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..bed57a6 --- /dev/null +++ b/index.html @@ -0,0 +1,247 @@ + + + + + + + + + + Elu's Blog + + + +
+
+
+ +
+
+ +
+
+
+
+ stockPhoto +
+

Card title

+

Some quick example text to build on the card title and make up the bulk of the card's content.

+
+
+ Date posted +
+
+
+
+
+ stockPhoto +
+

Card title

+

Some quick example text to build on the card title and make up the bulk of the card's content.

+
+
+ Date posted +
+
+
+
+
+ stockPhoto +
+

Card title

+

Some quick example text to build on the card title and make up the bulk of the card's content.

+
+
+ Date posted +
+
+
+
+ +
+
+
+ stockPhoto +
+

Card title

+

Some quick example text to build on the card title and make up the bulk of the card's content.

+
+
+ Date posted +
+
+
+ +
+
+ stockPhoto +
+

Card title

+

Some quick example text to build on the card title and make up the bulk of the card's content.

+
+
+ Date posted +
+
+
+ +
+
+ stockPhoto +
+

Card title

+

Some quick example text to build on the card title and make up the bulk of the card's content.

+
+
+ Date posted +
+
+
+
+ +
+
+
+ stockPhoto +
+

Card title

+

Some quick example text to build on the card title and make up the bulk of the card's content.

+
+
+ Date posted +
+
+
+
+
+ stockPhoto +
+

Card title

+

Some quick example text to build on the card title and make up the bulk of the card's content.

+
+
+ Date posted +
+
+
+ +
+
+ stockPhoto +
+

Card title

+

Some quick example text to build on the card title and make up the bulk of the card's content.

+
+
+ Date posted +
+
+
+
+
+
+ +
+
+ +
+ +
+
+
+

POPULAR POSTS

+
+

Vivamus sagittis lacus vel augue laoreet rutrum dolor auctor.

+ 14 Nov, 2012 +
+
+
+

Scelerisque nisl consectetur et.

+ 22 May, 2012 +
+
+
+

Pellentesque ornare sem lacinia quam venenatis vestibulum. Fusce

+ 15 July, 2012 +
+
+
+
+

TWITTER

+
+

Praesent commodo cursus magna Morbi leo risus nulla consectetur. -21 hours ago

+
+
+
+

Vestibulum id ligula porta euismod semper. auctor dolor fermentum. -2 days ago

+
+
+
+

Donec ullamcorper nulla non metus auctor. -3 days ago

+
+
+
+
+

A LITTLE ABOUT ME

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium sit est, modi quibusdam, rem nam voluptatibus dolorum alias corporis, molestias necessitatibus explicabo enim quod sint nobis molestiae sed obcaecati error?

+

Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit.

+
+
+
+
+

CONTACT FORM

+
+ +
+
+ +
+
+ +
+
+
+
+
+ + +
+ © 2011 Ikaros. Theme by Sea Green Media + + + + + + + + +
+ + + \ No newline at end of file diff --git a/styles/index.css b/styles/index.css new file mode 100644 index 0000000..e1f105d --- /dev/null +++ b/styles/index.css @@ -0,0 +1,106 @@ +h1 { + font-size: larger; +} + +h2 { + font-size: medium; +} + +ul { + float: right; + position: fixed; + top: 0; + width: 100%; +} + +li { + display: inline; +} + +.button { + background-color: rgba(11, 124, 194, 0.817); + color: whitesmoke; + font-size: large; + font-family: Arial, Helvetica, sans-serif; + font-weight: bolder; + margin-left: 16%; + padding: 15 25 15 25; +} + + +/* --------- Bottom Navigation -------- */ + +.bottom-nav { + background-color: rgb(52, 59, 63); + padding: 1% 2% 1% 1.125%; +} + +.blog-bottom-nav { + background-color: rgb(52, 59, 63); + padding: 1% 2% 1% 1.125%; + position: relative; +} + +.footer-text { + font-size: small; +} + + +/* -------------- Footer ------------- */ + +.footer { + background-color: rgb(33, 33, 33); + color: rgb(227, 227, 227); + height: 50px; +} + +.fa { + padding: 8px; + padding-right: 25px; + font-size: 20px; + height: 35px; + width: 5px; + text-align: center; + text-decoration: none; + margin: 5px 2px; + float: right; +} + +.fa:hover { + opacity: 0.5; +} + +.fa-rss { + background: #ff6600; + color: white; +} + +.fa-facebook { + background: #3B5998; + color: white; +} + +.fa-twitter { + background: #55ACEE; + color: white; +} + +.fa-dribbble { + background: #ea4c89; + color: white; +} + +.fa-pinterest { + background: #cb2027; + color: white; +} + +.fa-linkedin { + background: #007bb5; + color: white; +} + +.active { + background-color: rgb(33, 33, 33); + color: rgb(97, 151, 205) +} \ No newline at end of file