first commit

BARIGYE-DAVIS · Apr 8, 2024 · bfebb7f · bfebb7f
commit bfebb7f
Show file tree

Hide file tree

Showing 4 changed files with 107 additions and 0 deletions.
diff --git a/COURSE WORK.HTML b/COURSE WORK.HTML
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="style.css">
+    <style>
+        h2 {
+
+width: 100px;
+margin-left: 300px;
+background-color: blue
+
+}
+h3 {
+background-color: blue;
+width: 100px;
+text-align: center;
+margin-left: 150px;
+}
+    </style>
+</head>
+<body>
+   <DIV class="body  L  ">
+    <div class="main">
+        <p class="new"><b>News</b></p>
+        <h1 style="text-align: center; position: relative;">SE-805 Web 2.0 programming</h1>
+        <div class="home">
+        <p>Homework1<br> assigned</p>
+        <p>course selection is<br>end</p>
+        <p>course selection is<br>end</p>
+        <p>course selection is<br>end</p>
+        </div>
+        <p>Welcome to the SE.805 course- web 2.0 programming.This course is for sophere ot hunior students of software school</p>
+        <h2>chapter 1</h2>
+        <img src="lake-bunyonyi-eco-resort.jpg" alt="" height="100px">
+        Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni ipsum doloremque maiores repudiandae doloribus voluptatum tempore, libero quibusdam vero debitis sapiente quia voluptas recusandae odit ipsa, reiciendis nobis nihil nam.
+        Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit quas dolore rerum sint tempora blanditiis numquam perferendis pariatur deserunt excepturi, quasi quod facere reiciendis voluptatem at quam commodi fugit? Dolorum, quo ipsa! Ut aut saepe sit impedit illo nobis facilis corporis. Sit, maiores possimus. Alias molestiae voluptates omnis aliquid quo a modi similique in sed. Nisi facilis saepe optio, iusto sapiente cum. Quaerat, saepe possimus aut, incidunt doloremque libero iusto voluptatibus dolore tempora dolores veniam laboriosam quo. Sed est libero vel cumque molestiae, culpa assumenda dolores nihil atque. Ab velit voluptates iusto cumque, reiciendis quidem. Consequatur ea quidem distinctio omnis ex eaque tenetur blanditiis possimus obcaecati ab doloremque vero sit esse in aperiam nisi iste ratione aliquam, voluptatem porro, error iusto illum illo. Officiis, facilis consectetur tenetur error laborum, magnam cupiditate nulla est, vero dolores ipsa nemo ipsum similique doloremque. In quibusdam, illum dicta, nostrum nesciunt non repellendus eum aliquid repellat eos, error nisi commodi! Odit est mollitia nobis porro voluptatibus, ullam sit quaerat inventore incidunt, voluptates sequi repellendus ipsum fugiat? Corrupti, deleniti cum, cupiditate maiores eius maxime non consequuntur vel, voluptatem quisquam aperiam dolorem laboriosam odio praesentium exercitationem saepe voluptatum mollitia iste distinctio earum reiciendis beatae quidem? Recusandae, quaerat!
+        <hr>
+        <h3>chapter 2</h3>
+        <DIv class="IMG"><img src="park-view.jpg" alt="" height="60px"></DIv>
+        Lorem ipsum dolor sit amet consectetur adipisicing elit. Id, facilis iste cupiditate pariatur eveniet aliquid velit amet. Vero repellat illum sint adipisci nesciunt iste incidunt possimus. Similique deleniti doloribus corrupti.
+        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptate, libero sunt nemo officia commodi ab earum quibusdam architecto! Quod hic aliquam minima consectetur. Maiores architecto iure vel fuga ad ea hic commodi. Consequatur ipsam nemo error atque necessitatibus. Natus, eos facilis deleniti eaque perferendis voluptates. Minima sapiente qui voluptates ducimus?
+
+    </div>
+    <div class="resource">
+     our services
+     <ul>
+         <li><a href="#">home</a></li>
+         <li><a href="#">services</a></li>
+         <li><a href="#">products</a></li>
+         <li><a href="#">contact</a></li>
+     </ul>
+    </div>
+   </DIV>
+</body>
+</html>
diff --git a/lake-bunyonyi-eco-resort.jpg b/lake-bunyonyi-eco-resort.jpg
diff --git a/park-view.jpg b/park-view.jpg
diff --git a/style.css b/style.css
@@ -0,0 +1,49 @@
+img {
+    float: right;
+    margin: 5px;}
+
+.home {
+    float: left;
+
+}
+.new{
+    position: absolute;
+    font-size: 30PX;
+    margin-top: -9X;
+}
+.home p {
+    border: 2px yellow solid;
+    padding: 5px;
+    margin: 20px;
+    background-color: aliceblue;
+
+}
+
+.main {
+    border: 2px black solid;
+    padding: 10px;
+    position: relative;
+   width: 80%;
+    height: 100%;
+    background-color: azure;
+}
+.IMG{
+    float: right;
+     rotate: 10DEG;
+
+}
+
+.body{
+    width: 100%;
+}
+.resource {
+    position: absolute;
+    top: 10px;
+    left: 85%;
+    margin-left: -25px;
+    border: 1px black solid;
+    padding: 5px;
+    background-color: lightblue;
+width: 150px;
+}
+