diff --git a/bassam hamdar html 3.html b/bassam hamdar html 3.html new file mode 100644 index 0000000..52e2b80 --- /dev/null +++ b/bassam hamdar html 3.html @@ -0,0 +1,82 @@ + + + + + + + Document + + + +
+ image for earth + + +
+
+

Main Menu

+ + + +

Block

+

Enter block content here

+

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Provident repellendus atque, nobis velit doloremque aliquid!

+ +
+
+

Gallery

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam iste quo fugit exercitationem quos laborum impedit! Optio laboriosam nemo a! Assumenda dignissimos placeat repellendus, corrupti minus tempore facere. Debitis qui laboriosam nemo dolores? Ullam repudiandae ratione eligendi, quia cupiditate rerum quibusdam necessitatibus, laborum consequatur ab quisquam laboriosam, assumenda veniam consequuntur.

+
+

Subscription

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis nisi sint cum aliquid saepe ducimus vitae aliquam nemo ipsam quis reprehenderit, totam facere! Saepe placeat blanditiis magni dignissimos accusamus corporis beatae impedit voluptates suscipit mollitia enim est, tempora dolore, molestiae quo minus? Excepturi minima, quas maiores commodi nihil quasi, blanditiis beatae praesentium, similique ullam dolorum eveniet quidem. Aperiam nostrum sunt, aut quod dignissimos nemo inventore itaque id ratione aliquid unde voluptatum architecto. Sed, rem! Ipsa quam eaque fugiat dicta non?

+
+
+

Other Services

+

+ Lorem ipsum dolor sit amet consectetur, adipisicing elit. Doloremque molestiae veritatis voluptate ullam illo deserunt aut! Odio laudantium iure nesciunt, est sint molestiae quam eos inventore cupiditate aliquam eius enim possimus magnam eaque necessitatibus? Amet, alias velit. Ad voluptas ullam deserunt ex explicabo doloribus possimus quia quibusdam minus, commodi nesciunt fugit reiciendis consequuntur, nulla illum. Nam quaerat fugit qui ipsam deserunt dicta dolorum perspiciatis, doloremque quibusdam quisquam laudantium, voluptates iste. +

+
+
+
+
+
+ +

+ +

+ +
+ +
+
+

CopyRight 2021

+
+ +
+ + + + + + + diff --git a/bassamhamdarHTML2.html b/bassamhamdarHTML2.html new file mode 100644 index 0000000..377e558 --- /dev/null +++ b/bassamhamdarHTML2.html @@ -0,0 +1,38 @@ + + + + + + + + Exercise 2 + + +
+ +
+
+ an image that represents coding +
+
+ +
+ + + + \ No newline at end of file diff --git a/bassamhamdarhtml1.html b/bassamhamdarhtml1.html new file mode 100644 index 0000000..f971121 --- /dev/null +++ b/bassamhamdarhtml1.html @@ -0,0 +1,25 @@ + + + + + + + Document + + +
+

Html Exercise 1

+
+

General info

+

Html ipsum dolor sit, amet consectetur adipisicing elit. Vero, nisi officiis. Dolor corporis modi voluptate blanditiis quo nemo autem earum sunt, qui cupiditate numquam consectetur. Laboriosam ea fugiat tempora totam obcaecati est a, debitis voluptatibus. Officiis necessitatibus voluptatem quas cum est. Ipsum quasi ut quibusdam aliquam temporibus odio ab numquam.

+ images represents coding +
+

Importance

+

html Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum iste deleniti accusamus voluptatem voluptate omnis in, ipsum quibusdam! Tempore in tenetur sequi, maiores voluptatum odio quis repellat. Numquam nesciunt eligendi sunt. Nam quam ut neque blanditiis architecto corporis? Eaque culpa quidem atque at beatae ullam distinctio adipisci et odio aliquid.

+
+ + + \ No newline at end of file diff --git a/images/coding.jpg b/images/coding.jpg new file mode 100644 index 0000000..ee283a0 Binary files /dev/null and b/images/coding.jpg differ diff --git a/images/earth.jpg b/images/earth.jpg new file mode 100644 index 0000000..2c7c8eb Binary files /dev/null and b/images/earth.jpg differ diff --git a/style.css b/style.css new file mode 100644 index 0000000..2b68a0d --- /dev/null +++ b/style.css @@ -0,0 +1,63 @@ + +body{ + color: blanchedalmond; + background-color: #202020; +} +.container{ + position: relative; + background-color: #39555a; + width: fit-content; + height: fit-content; + margin: 50px 200px; +} +.img{ + width: 100%; + height: 250px; +} +.top{ + text-align: center; + +} +.top li{ + list-style: none; + display: inline-block; + line-height: 100px; + + } +.top li a{ + text-decoration: none; + padding: 0 20px; + color: black; + +} +.right{ + float: right; + width: 80%; +} +.left{ + float: left; + width: 20%; +} + +.r1{ + float: left; + width: 50%; +} +.r2{ + float: right; + width: 50%; +} +.foot{ + + text-align: center; +} + +ul li a{ + color: white; +} +.top li a{ + color: white; +} +nav{ + background-color: grey; +} \ No newline at end of file diff --git a/style2.css b/style2.css new file mode 100644 index 0000000..d0bd90d --- /dev/null +++ b/style2.css @@ -0,0 +1,43 @@ +* { + margin: 0%; + padding: 0%; +} + +body{ + background-color: rgb(26, 47, 68); + +} +ul{ + text-align: center; +} + +.top li{ +list-style: none; +display: inline-block; +line-height: 100px; +} + +ul li a{ + text-decoration: none; + padding: 0 20px; + color: black; +} +nav { + width: 100%; + height: 75px; + background-color: rgb(45, 109, 109); + + +} +.image{ + width: 100%; + text-align: center; + margin-top: 20px; + +} +footer{ + text-align: center; +} +.bottom li{ + display: block; +} \ No newline at end of file