school_website/index.html at master · Undisputedking5/school_website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HOME</title>
    <style>
        body{
         background-color:gray;
            font-family: Arial,sans-serif;
           padding: 20px;
        }
        h1{
            color: white;
            text-align: center;
            font-size: 50px;
        }
        h2{
            color: white;
            text-align: center;
            font-size: 40px;

        }
        p{
            background-color: whitesmoke;
            padding: 15px;
            margin-bottom: 20px;
            border-radius: 20px;

        }
        a{
            display:inline-block;
            margin:10px 5px;
            background-color:white;
            padding: 10px 5px;
            text-decoration: none;
        }
        img{
            width:600px;
            display:block;
            border-radius: 50px 60px;
            margin:20px auto;
        }
        button{
            background-color: gray;
            color: whitesmoke;
            font-family:"Fira Code Light";
            width: 200px ;
            border-radius:200px;
            padding: 15px;
            text-decoration: none;
        }
    </style>
</head>
<body>
<h1>This is Index Page</h1>
<h2>welcome to the home page</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid aperiam asperiores assumenda at aut dolore, est et, excepturi illo, in libero nemo non quia rem repellendus tempora tempore ullam voluptatum?</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad, adipisci alias assumenda beatae, blanditiis culpa dolor dolore dolorum illo in iure magni maxime mollitia natus neque odio, possimus quae quasi quidem quisquam sed totam voluptatum! Ab adipisci aliquam ea error exercitationem illo inventore itaque laborum odio optio pariatur quam, veritatis. Accusamus aperiam architecto autem, corporis delectus dolor dolore dolorem enim eveniet ex illum magnam nobis nostrum odit officia officiis quam rem repellendus sapiente temporibus ut, voluptatem, voluptates! Ad animi architecto culpa cumque enim et eum facere, ipsum necessitatibus omnis, quod unde, vel velit! Labore minus molestiae mollitia officia quibusdam ullam! Consectetur eos id placeat sunt. Consequuntur ducimus ex maiores odio! Amet illum non quas quos? A alias consectetur consequuntur debitis, eius non quod sed! Adipisci dolorum est laudantium nisi nulla officiis sunt tempore temporibus voluptas? Adipisci delectus eligendi nobis quae sapiente vel. Accusantium asperiores ea exercitationem expedita labore magni necessitatibus provident sint suscipit voluptas. Consequatur deleniti expedita minus odit sed? Adipisci doloremque esse hic provident ut? Aperiam atque consequatur eveniet hic magnam, molestiae nulla perferendis quia sequi suscipit! Vitae, voluptates!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias debitis eum fugiat magni voluptate. Excepturi minima obcaecati quam? Assumenda, deleniti dolorum fuga quo tempora voluptates. Adipisci beatae commodi eaque eligendi fuga inventore ipsa iusto mollitia nesciunt nobis obcaecati omnis optio provident reiciendis, reprehenderit saepe sunt.</p>
<a href="https://youtube.com" target="_blank">click to YouTube</a>
<a href="about_us.html">to about page </a>
<img src="../hosipitali/assets/images/student-3176407_1280.png" alt="students">
<button>HOME</button>
 <a href="http://youtube.com" target="_blank"><button>to youtube</button></a>
<a href="https://emobilis.ac.ke"target="_blank"><button>to emobilis</button></a>
</body>
</html>