fikrcamp · Mohamed-hassanjj · Oct 20, 2022
diff --git a/css/style.css b/css/style.css
@@ -0,0 +1,26 @@
+header{
+    font-size: 60px;
+    font-family: Arial, Helvetica, sans-serif;
+    margin: 10px;
+}
+img{
+    width: 350px;
+    height: 250px;
+    text-align: center;
+}
+h4{
+    font-size: 25px;
+    font-style: italic;
+}
+p{
+    font-style: oblique;
+    font-weight: 100px;
+    background:rgb(240, 235, 235);
+    border-radius: 20px;
+    color: rgb(158, 108, 108);
+}
+footer{
+    font-size: 25px;
+    font-style: italic;
+    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
+}
diff --git a/index.html b/index.html
@@ -16,6 +16,20 @@
     <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
   </head>
   <body>
-    <!-- Add your HTML  here -->
+    <header>My First Page</header>
+    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Autem, temporibus voluptatibus quo id suscipit cupiditate tenetur aliquam commodi, recusandae non facilis esse et in eaque libero molestias voluptatem vero inventore excepturi impedit. Incidunt similique voluptas ipsa, aliquid dolore placeat accusantium, sunt natus omnis optio provident eum voluptatibus ipsum nam repudiandae commodi. Alias, repellendus. Nemo dolor sint quisquam vitae! Ipsam quaerat beatae illum deleniti nihil esse ipsum placeat accusamus eum voluptatum quo quam, ab vitae molestias 
+      quae dolorum quia iusto autem unde ad soluta blanditiis mollitia. Totam, unde amet ullam eligendi maiores saepe illo autem deleniti modi, quibusdam, ab enim porro!</p>
+
+    <h4>for funny image</h4>
+    <img src="pic1.jpeg" >
+    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Pariatur, fugiat eum odio officia dignissimos soluta repellat tempore ratione voluptatem itaque iusto aut, est nobis non cum enim consequatur neque? Exercitationem 
+      tenetur voluptas maiores! Impedit eos aspernatur quia voluptate natus sapiente qui fugiat suscipit expedita, nesciunt alias maiores deserunt beatae amet sed laudantium, nam, dolore ratione placeat at similique reprehenderit? Facilis quam perferendis voluptatum similique quisquam doloremque, eaque beatae? Accusantium sint commodi pariatur aut ipsam! Nam, impedit inventore quibusdam porro recusandae libero quam natus sed doloremque saepe ea distinctio officiis sint itaque, obcaecati voluptatem soluta, excepturi tempore eaque fugit. Provident, alias.</p>
+
+    <h4>for funny image</h4>
+    <img src="pic2.jpeg" alt="">
+    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident omnis quos ratione excepturi quo, nostrum deleniti id tempore enim natus perspiciatis fuga obcaecati saepe, alias eius minima deserunt minus. Optio, sint exercitationem. Tempore distinctio saepe maxime ex incidunt animi exercitationem architecto maiores at molestias. Dolores cupiditate deleniti sed porro, doloribus magni nihil illo quam, neque adipisci eaque perferendis repudiandae sapiente qui unde odit nesciunt harum! Dolor asperiores aliquid qui minima aliquam nobis officia provident. Cum inventore ipsa excepturi saepe aperiam suscipit alias impedit, animi pariatur eaque nisi consequuntur sit fugiat praesentium dolorem, quo eligendi sed voluptates necessitatibus! Cum, consequuntur hic.</p>
+    <hr>
+
+    <footer>We are still learning web development.</footer>
   </body>
 </html>
diff --git a/pic1.jpeg b/pic1.jpeg
diff --git a/pic2.jpeg b/pic2.jpeg