From c339ffd01bde591da8d2ebe51961af521a0ca534 Mon Sep 17 00:00:00 2001 From: Sachin Verma Date: Sat, 29 Aug 2020 22:36:34 +0530 Subject: [PATCH] Responsive Blog Page UI --- blog.css | 29 +++++++++++++++++++++++++ blog_idea.html | 58 ++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 87 insertions(+) create mode 100644 blog.css create mode 100644 blog_idea.html diff --git a/blog.css b/blog.css new file mode 100644 index 0000000..390adf6 --- /dev/null +++ b/blog.css @@ -0,0 +1,29 @@ +body{ + border:20px solid #bdc3d7; + padding: 20px; + max-width: 700px; + width:80%; + margin: 20px auto; + font-family: 'Source Sans Pro', sans-serif; + font-weight:900; +} +#My{ + background-color: #f5d0cb; +} +.quote{ + border-left: 5px solid #bdc3d7; + padding-left: 5px; +} +.date{ + color: #3498db; +text-transform: uppercase; + letter-spacing: 1px; + padding-top: 10px; +} +h2{ + color: #2c3e50; + font-size: 30px; +} +.post{ + margin-bottom: 20px; +} \ No newline at end of file diff --git a/blog_idea.html b/blog_idea.html new file mode 100644 index 0000000..bfbcf71 --- /dev/null +++ b/blog_idea.html @@ -0,0 +1,58 @@ + + + +About Me + + + + +
+
+
Janaurary 1 2020
+

This is my First Article

+
+

Esse iudicem ex labore veniam. Ex incididunt aut possumus hic pariatur quae + noster voluptate illum est et ea praesentibus, quem ita se eram consequat an + aute o ex fugiat senserit iis enim arbitrantur excepteur magna mentitum, + incurreret dolore lorem do lorem in ad ne voluptatibus.Enim proident id sint + quid.

+
+ +

noster voluptate illum est et ea praesentibus, quem ita se eram consequat an + aute o ex fugiat senserit iis enim arbitrantur excepteur magna mentitum, + incurreret dolore lorem do lorem in ad ne voluptatibus.Enim proident id sint + quid. Ab cillum offendit, probant sunt aute se multos, ea culpa eiusmod, noster + quibusdam eruditionem e quae ne iudicem, velit cupidatat e proident ea de eu + consectetur, eu enim offendit. Occaecat tamen ea tempor firmissimum ad aliquip + comprehenderit sed expetendis. Lorem ea doctrina, ne elit aliquip offendit aut + mentitum anim ea singulis voluptatibus, fugiat laborum iudicem.

+ +

Varias fabulas qui quae lorem si et esse incurreret litteris, sunt voluptatibus cernantur sint deserunt, ad quae velit o admodum, ex ut summis consequat, legam hic ea quid eiusmod ex tempor anim mentitum vidisse qui ullamco e malis. Ne cillum te anim. Deserunt arbitrantur do commodo si quae eiusmod est varias multos si ono distinguantur, labore cupidatat si labore veniam.

+
+
+ +
+
February 2 2020
+

This is my Another Article

+
+

Esse iudicem ex labore veniam. Ex incididunt aut possumus hic pariatur quae + noster voluptate illum est et ea praesentibus, quem ita se eram consequat an + aute o ex fugiat senserit iis enim arbitrantur excepteur magna mentitum, + incurreret dolore lorem do lorem in ad ne voluptatibus.Enim proident id sint + quid.

+
+ +

noster voluptate illum est et ea praesentibus, quem ita se eram consequat an + aute o ex fugiat senserit iis enim arbitrantur excepteur magna mentitum, + incurreret dolore lorem do lorem in ad ne voluptatibus.Enim proident id sint + quid. Ab cillum offendit, probant sunt aute se multos, ea culpa eiusmod, noster + quibusdam eruditionem e quae ne iudicem, velit cupidatat e proident ea de eu + consectetur, eu enim offendit. Occaecat tamen ea tempor firmissimum ad aliquip + comprehenderit sed expetendis. Lorem ea doctrina, ne elit aliquip offendit aut + mentitum anim ea singulis voluptatibus, fugiat laborum iudicem.

+ +

Varias fabulas qui quae lorem si et esse incurreret litteris, sunt voluptatibus cernantur sint deserunt, ad quae velit o admodum, ex ut summis consequat, legam hic ea quid eiusmod ex tempor anim mentitum vidisse qui ullamco e malis. Ne cillum te anim. Deserunt arbitrantur do commodo si quae eiusmod est varias multos si ono distinguantur, labore cupidatat si labore veniam.

+
+
+ + \ No newline at end of file