diff --git a/amazon_logo.png b/amazon_logo.png new file mode 100644 index 0000000..320210e Binary files /dev/null and b/amazon_logo.png differ diff --git a/index.html b/index.html index 818f952..7ab7d47 100644 --- a/index.html +++ b/index.html @@ -3,72 +3,20 @@ - Starting CSS + Document -

- Hello World -

-

Checking Inline CSS by adding Green color to the text

- - - - - -
- Question no.1 -
-

Question2i

-

Question2ii

-

Question2iii

-

- checking style tag - -

- - -

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque sit nesciunt alias ut quos deserunt exercitationem harum beatae, quibusdam laudantium qui consectetur in pariatur corporis, commodi quidem, esse dignissimos facilis ducimus neque recusandae doloribus non. Facere adipisci aperiam aliquid, delectus incidunt blanditiis labore facilis, quibusdam possimus voluptate magnam tempora totam quod, nostrum aspernatur aliquam rerum commodi deleniti unde nihil nisi laboriosam a sequi. Natus ad iste officia, mollitia quae reiciendis facere laudantium sunt assumenda pariatur voluptatem quo. Excepturi doloribus, aspernatur obcaecati explicabo molestiae nihil consectetur dolore voluptatum nam voluptatem ad exercitationem. Eveniet, recusandae asperiores atque incidunt soluta pariatur eaque quas! -

- -

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed totam minima quisquam aliquam cum unde architecto numquam alias, autem incidunt natus soluta esse expedita explicabo non aliquid illum reprehenderit rerum accusantium eaque saepe nemo at optio dignissimos. Cumque animi perferendis, ducimus sint saepe voluptatibus, odit ratione a doloremque repellat provident blanditiis ea fugit, quae iure iste tempore delectus unde id quia non dicta commodi enim. Reiciendis soluta id nemo a, necessitatibus modi impedit error est, corporis quaerat voluptates quis hic sequi velit pariatur, officiis commodi eaque in ducimus. Amet laboriosam optio vitae accusantium a architecto necessitatibus suscipit reiciendis aliquid voluptatem. -

- -

que1

- -
-
- Inner Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias dolores quod laudantium deleniti eum error tempore, aperiam sit cupiditate illum, commodi aliquid iure nulla dicta placeat dolor saepe eaque optio! -
- outer Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae corporis cum saepe eveniet ea atque natus consequuntur laudantium eum blanditiis dolores, aliquid, non fugiat iure, sequi ab exercitationem praesentium voluptate. -
- - - - - - +

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolore magni, doloremque labore architecto eligendi consequatur aperiam totam ipsum dicta enim quisquam ipsa, voluptate, laboriosam omnis! Eos fuga excepturi error iste. + Quod pariatur consequatur commodi incidunt, nobis magni alias illum natus numquam rem molestiae sit in voluptate beatae eligendi consequuntur quibusdam aspernatur. Eius quod qui ea cupiditate non dolor aliquid porro? + Incidunt cupiditate accusamus facere recusandae sed voluptatum delectus, amet ipsam mollitia! Esse illo, vero veniam facilis sint, debitis obcaecati nisi, quidem maiores quia inventore enim labore atque ipsa repellendus earum? + Sequi aperiam quis rem modi neque eos amet corrupti dolorum officia ab tenetur minima laudantium vero, placeat unde mollitia ut nesciunt dignissimos. Dicta voluptate officiis accusamus, iste aperiam molestiae reiciendis. + In laudantium molestiae provident blanditiis illo quibusdam dolorum facere nihil vitae qui doloremque laborum repudiandae eaque voluptatem vel velit, veritatis quos natus tenetur voluptas rerum sequi ducimus ipsam minus. Iusto?

+
Love Nature
+

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Earum harum tempore esse deleniti a velit molestias, voluptas eius perspiciatis autem, dolorem laudantium voluptatem qui vitae natus alias! Maxime, velit illo! + A voluptate praesentium quibusdam, officia, ab deserunt odit debitis nisi similique quis aliquam aspernatur? Quas dolores, eum, amet suscipit inventore et libero saepe repellat perspiciatis veniam aspernatur ducimus non ad. + Natus itaque molestiae aperiam corrupti mollitia nihil quo assumenda. Quibusdam, voluptas alias sint debitis laboriosam, ullam omnis doloribus repudiandae, enim libero commodi iste quisquam non recusandae ducimus asperiores harum odit. + Voluptatibus magni laudantium distinctio ducimus quod in voluptatem hic mollitia sint adipisci assumenda accusamus provident blanditiis aut optio, nesciunt repellat voluptate, animi dolorum facilis molestiae saepe. Eveniet suscipit eligendi architecto! + Saepe, blanditiis doloribus voluptas maiores velit quae molestiae nam dicta nostrum beatae sed non perspiciatis ducimus dolorem tempora accusantium illo repellat autem tempore veritatis incidunt? Quaerat iste voluptatem nostrum nihil.

\ No newline at end of file diff --git a/index1.html b/index1.html new file mode 100644 index 0000000..818f952 --- /dev/null +++ b/index1.html @@ -0,0 +1,74 @@ + + + + + + Starting CSS + + + +

+ Hello World +

+

Checking Inline CSS by adding Green color to the text

+ + + + + +
+ Question no.1 +
+

Question2i

+

Question2ii

+

Question2iii

+

+ checking style tag + +

+ + +

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque sit nesciunt alias ut quos deserunt exercitationem harum beatae, quibusdam laudantium qui consectetur in pariatur corporis, commodi quidem, esse dignissimos facilis ducimus neque recusandae doloribus non. Facere adipisci aperiam aliquid, delectus incidunt blanditiis labore facilis, quibusdam possimus voluptate magnam tempora totam quod, nostrum aspernatur aliquam rerum commodi deleniti unde nihil nisi laboriosam a sequi. Natus ad iste officia, mollitia quae reiciendis facere laudantium sunt assumenda pariatur voluptatem quo. Excepturi doloribus, aspernatur obcaecati explicabo molestiae nihil consectetur dolore voluptatum nam voluptatem ad exercitationem. Eveniet, recusandae asperiores atque incidunt soluta pariatur eaque quas! +

+ +

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed totam minima quisquam aliquam cum unde architecto numquam alias, autem incidunt natus soluta esse expedita explicabo non aliquid illum reprehenderit rerum accusantium eaque saepe nemo at optio dignissimos. Cumque animi perferendis, ducimus sint saepe voluptatibus, odit ratione a doloremque repellat provident blanditiis ea fugit, quae iure iste tempore delectus unde id quia non dicta commodi enim. Reiciendis soluta id nemo a, necessitatibus modi impedit error est, corporis quaerat voluptates quis hic sequi velit pariatur, officiis commodi eaque in ducimus. Amet laboriosam optio vitae accusantium a architecto necessitatibus suscipit reiciendis aliquid voluptatem. +

+ +

que1

+ +
+
+ Inner Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias dolores quod laudantium deleniti eum error tempore, aperiam sit cupiditate illum, commodi aliquid iure nulla dicta placeat dolor saepe eaque optio! +
+ outer Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae corporis cum saepe eveniet ea atque natus consequuntur laudantium eum blanditiis dolores, aliquid, non fugiat iure, sequi ab exercitationem praesentium voluptate. +
+ + + + + + + + \ No newline at end of file diff --git a/style.css b/style.css index e419afd..f46a744 100644 --- a/style.css +++ b/style.css @@ -1,48 +1,7 @@ -* { - padding: 0px; - margin: 0px; - color: white; -} - -h1{ - color: violet; -} -#box { - background-color: blue; -} -p{ - text-align: center; -} -#que1 { - text-align: center; - text-transform: capitalize; -} -#que2 { - font-family: 'Times New Roman', Times, serif; -} - -#outer { - font-size: 25px; -} -#inner { - font-size: 10px; -} - -#ques1 { - height: 100px; - width:100px ; - background-color: blue; - border-radius: 50%; -} - -#navbar { - height: 60px; - background-color: #0f1111; -} -#button { - background-color: #f08804; -} - -a { - margin-right: 200px; +div { + height:50px; + width:100px; + background-color:grey; + background-image: url("amazon_logo.png"); + background-size: cover; } \ No newline at end of file diff --git a/style1.css b/style1.css new file mode 100644 index 0000000..8344e2b --- /dev/null +++ b/style1.css @@ -0,0 +1,49 @@ +* { + padding: 0px; + margin: 0px; + color: white; +} + +h1{ + color: violet; +} +#box { + background-color: blue; +} +p{ + text-align: center; +} +#que1 { + text-align: center; + text-transform: capitalize; +} +#que2 { + font-family: 'Times New Roman', Times, serif; +} + +#outer { + font-size: 25px; +} +#inner { + font-size: 10px; +} + +#ques1 { + height: 100px; + width:100px ; + background-color: blue; + border-radius: 50%; +} + +#navbar { + height: 60px; + background-color: #0f1111; +} +#button { + background-color: #f08804; +} + +a { + margin-right: 200px; +} +