repl.it
@Christopher_Joh/

BLACKBURN BIKES

HTML, CSS, JS

No description

fork
loading
Files
  • index.html
  • bikke.jpg
  • script.js
  • style.css
  • TB.png
  • TTR.jpg
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
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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>repl.it</title>
    <style>
  body
      {
        background-color:silver;
      }
   img
      {
         height:100pt;
        width:150pt;
      }
    h1{
         font-family : "verdana";
         font-size : 30pt;
         color:black;
         text-align:center;
      }
      p
       {
        font-family : "verdana";
        font-size : 12pt;
        color:black;
        text-align:left;
       }
        ul
         {
          font-family:"verdana";
          font-size:12pt;
          color:black;
         }
      #Section1
      {
      
       background-color:lightblue;
            
      }
      #Section2
      {

      background-color:lightgoldenrodyellow;

      }
      #Section3
      {
        background-color:lightpink;
      }

          

   
    </style>

  </head>
  <body>
<h1>Blackburn Bikes</h1>
           <h1> bike range</h1>
           <p>we have three types of <u>bicycle</u> in our show room</p>
            <ul>
            <li>Racing</li>
            <li>Track</li>
            <li>Triathlon</li>
            </ul>

          <div id = "Section1">
            <h2>Racing Bicycle</h2>
            <img src = "bikke.jpg ">
             <p>A racing bicycle is designed for competitive road cycling
             </p>

          </div>

              <div id = "Section2">
              <h2>Track Bicycle</h2>
               <img src = "TTR.jpg ">
                <p>A track bicycle is optimised for racing at a velodrome or outdoor track</p>

                </div>

                 <div id = "Section3">
                <h2>Triathlon Bicycle</h2>
                <img src = "TB.png ">
                 <p>Triathlon bikes are designed primarily to optimise aerodyanamics</p>
                 </div>
  </body>

</html>

            
result
console