research-website/index.html at main · steinalberts27/research-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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>RESEARCH WEBSITE</title>
    <a href="https://steinalberts27.github.io/research-website/PEGAFIONLINEAPPOINTMENT.html?fbclid=IwAR3KF9rIbEiRfXBK33m7djPal-hAjvJWpS37-IeCMYoWtTjFIuM3XpokMQk"></a>
    <style>
        @media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }

    p,h1,h2,h3,div {text-align: center;}
    p,h1,h2{font-family: 'Franklin Gothic Medium', 'sans-serif';}
    p,h1,h2{color: white;}
    div{text-align: center;}
    p {
        margin-top: 5%;
        margin-bottom: 1px;}
    h1{
        font-weight: 600;
        max-width: 100;
        font-size: auto;
        margin-top: 0%;
        margin-bottom: 10px;

    }
    .container{
           margin:auto ;
           margin-top: 7%;
           margin-bottom: 25;
           margin-left: 25;
           margin-right: 25;
           width: 400px;
           padding:10px;
           background:rgba(0, 0, 0, 0.5);
           text-align:center;
           border-radius: 10px;

        }

    button {

        background: linear-gradient(rgb(36, 10, 10), rgb(129, 0, 0));
        text-align: center;
        font-size: 15px;
        cursor: pointer;
        box-shadow: 0, 0, 5px maroon, black 0, 0, 10px;
        color: rgb(0, 0, 0);
    }

    button:hover {
        box-shadow: 0 0 5px maroon, 0 0 10px black, 0 0 15px maroon, 0 0 20px maroon;
    }
   body{
    align-self: center;
    background: radial-gradient(maroon,black);
    margin: 10 10 20 20;
    padding: 20px 10 10 10;
   }

</style>
</head>
<body>
    <br> <br>
    <div class="container">
        <form>

             <div class="text1">
                <p>Welcome to</p>
               <H1> PEGAFI ONLINE APPOINTMENT</H1>
              </div>
             <div class="imgBox">
            <img src="https://scontent.xx.fbcdn.net/v/t1.15752-9/409963123_363090369700895_8294438522897932572_n.png?stp=dst-png_s206x206&_nc_cat=108&ccb=1-7&_nc_sid=510075&_nc_ohc=plU80fsBQXwAX-b6lms&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&cb_e2o_trans=q&oh=03_AdReQBFT41ZvCuq1OehQQpb-DWI5o0WP_655xX2IHimaxQ&oe=65AC7B1B" alt="PEGAFI ONLINE APPOINTMENT"  width="55%" maximum width="100%" height="55%" >
             </div>
          <br><br>

</div>


        </form> <br>


        <div class="Button">
            <button onclick="document.location='PEGAFIONLINEAPPOINTMENT.html'">Next</button>
        </div>


    </div>
</body>
</html>