repl.it
@austinsanims/

Rotavirus_Design

HTML, CSS, JS

No description

fork
loading
Files
  • index.html
  • script.js
  • style.css
index.html
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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Rotavirus</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <style>
      @import url('https://fonts.googleapis.com/css?family=Roboto:100&display=swap');
      .parallax1 {
        /* The image used */
        background-image: url("https://newsatjama.files.wordpress.com/2013/01/01-24-13-b-rotavirus.jpg");

        /* Set the height for your parallax section */
        height: 500px;
        position: relative;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
      }
      
      @media only screen and (max-device-width: 1366px) {
        .parallax {
          background-attachment: scroll;
        }
      }
      .header {
        text-align: center;
        width: 60%;
        margin: auto;
        background-color: #521f1b;
        font-family: 'Roboto', sans-serif;
        padding: 10px;
        color: white;
        
      }
      body {
        height: 100%;
        margin: 0;
      }
    </style>
  </head>
  <body>
    <div class="parallax1 parallax" style="position: relative;">
      <div class="header">
        <h1>ROTAVIRUS</h1>
      </div>
      
      <p style="color: white;text-align: center;background-color: rgba(140, 47, 39, 0.5);padding: 10px; ">It would be hard to find someone in the world who hasn't experienced a stomach bug. Even little ones are affected
by outbreaks of diarrhea. In children aged three months to two years old, one virus is very commonly the cause of
diarrhea. It is the rotavirus.</p>
    </div>
    
    <script src="script.js"></script>
  </body>
</html>
result
console
?