-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
9106cdd
commit 0e66f06
Showing
5 changed files
with
141 additions
and
111 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,74 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Starting CSS</title> | ||
| <link rel="stylesheet" href="style.css"> | ||
| </head> | ||
| <body> | ||
| <h1> | ||
| Hello World | ||
| </h1> | ||
| <h1 style="color: green;">Checking Inline CSS by adding Green color to the text</h1> | ||
|
|
||
| <style> | ||
| h2{ | ||
| color: blue; | ||
| } | ||
| </style> | ||
|
|
||
| <style> | ||
| button { | ||
| background-color:#4CAF50 ; /*Green*/ | ||
| } | ||
|
|
||
| </style> | ||
| <button> | ||
| Click here | ||
| </button> | ||
| <div id="box"> | ||
| Question no.1 | ||
| </div> | ||
| <h1 class="heading">Question2i</h1> | ||
| <h1 class="heading">Question2ii</h1> | ||
| <h1 class="heading">Question2iii</h1> | ||
| <h2> | ||
| checking style tag | ||
|
|
||
| </h2> | ||
|
|
||
|
|
||
| <p> | ||
| 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! | ||
| </p> | ||
|
|
||
| <p id="que2"> | ||
| 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. | ||
| </p> | ||
|
|
||
| <h3 id="que1">que1</h3> | ||
|
|
||
| <div id="outer"> | ||
| <div id="inner"> | ||
| 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! | ||
| </div> | ||
| 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. | ||
| </div> | ||
|
|
||
|
|
||
| <!-- Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint natus, facere rem, consectetur omnis similique minus, animi deleniti non velit nesciunt sit illo amet autem libero? Odit aut magni quae. --> | ||
|
|
||
| <nav> | ||
| <div id="navbar"> | ||
| <a href="" id="logo">Amazon.in</a> | ||
| <a href="">Account</a> | ||
| <a href="">cart</a> | ||
| <a href="">Contact us</a> | ||
| <input type="text" placeholder="Search Amazon.in"> | ||
| <button id="button">Search</button> | ||
| </div> | ||
| </nav> | ||
|
|
||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -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; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -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; | ||
| } | ||
|
|