FCBwebsite/demo.html at main · yazanbaker94/FCBwebsite · 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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Home</title>
  <link rel="stylesheet" href="./css/styles.css">
  <style>
    #mainHeading{
      color: #F9FF33;
      background-color: #222307;
      font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
      align-self: center;
      position:initial;
      text-align: center;
      text-decoration: underline;
      text-shadow: 1px 1px;
      border-style: dotted;
      border-color: black;
      margin: 250px;
    }

    /* #firstQuestion {
      color: #000266;
      background-color: #ff3333;
      font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
      align-self: center;
      position:initial;
      text-align: center;
      text-decoration: underline;
      text-shadow: 1px 1px;

    } */

/*
      #secondQuestion {
      color: #025854;
      background-color: #ff3333;
      font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
      align-self: center;
      position:initial;
      text-align: center;
      text-decoration: underline;
      text-shadow: 1px 1px;

    } */

    /* #thirdQuestion {
      color: #006605;
      background-color: #33ffe4;
      font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
      align-self: center;
      position:initial;
      text-align: center;
      text-decoration: underline;
      text-shadow: 1px 1px;

    } */

    /* #fourthQuestion {
      color: #66003b;
      background-color: #030101;
      font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
      align-self: center;
      position:initial;
      text-align: center;
      text-decoration: underline;
      text-shadow: 1px 1px;

    } */

  </style>
</head>
<body>
  <header>
    <nav>
      <ul>
        <li class="nav-item"><a href="/">Home</a></li>
        <li class="nav-item"><a href="/">Do noting</a></li>
        <li class="nav-item"><a href="https://www.ltuc.com/">LTUC website</a></li>
        <li class="nav-item"><a href="./products.html">Products</a></li>
      </ul>
    </nav>
  </header>
  <main>
    <h1 id="mainHeading">Class 1 Lab</h1>
    <h1 id="demo">Products page</h1>
    <h2 id="greet">Welcome to the products page</h2>
  </main>
<!-- kjdlkajsdlkjlkasd -->
<!-- Author: Yahia albashar-->

  <footer>

    <h4>Copy rights reserved. &copy;</h4>
  </footer>


  <script>
    let firstAnswer = prompt("What's your first name? ");
    alert("Hey " + firstAnswer);
    console.log(firstAnswer);
    let secondAnswer = prompt("Which college do you go to? ");
    alert(secondAnswer + " seems like a great college!");
    console.log(secondAnswer);
    let thirdAnswer = prompt("How old are you? ");
    alert("You are " + parseInt(thirdAnswer));
    console.log(thirdAnswer);
    let fourthAnswer = prompt("Where do you live? ");
    alert(fourthAnswer + " sounds like a beautiful country to live in!");
    console.log(fourthAnswer);


    alert("Dear " + firstAnswer + ", you go to " + secondAnswer + ", you're " + thirdAnswer + " years old and you live in " + fourthAnswer + "!")

  </script>

  <p style="color: #000266; background-color: #ff3333; align-self: center; text-align: center; text-decoration: underline; border-style: inset;   padding-top: 10px;   margin-bottom: 21px;  ">What's your first name?</p>
  <p style="color: #05d6cc; background-color: #66003b; align-self: center; text-align: center; text-decoration: underline; border-style: outset; padding-top: 15px;   margin-bottom: 17px;  ">Which college do you go to?</p>
  <p style="color: #fdf2f8; background-color: #012d3a; align-self: center; text-align: center; text-decoration: underline; border-style: groove; padding-top: 25px;   margin-bottom: 50px;  ">How old are you?</p>
  <p style="color: #660055; background-color: #aef7e4; align-self: center; text-align: center; text-decoration: underline; border-style: dashed; padding-top: 21px;   margin-bottom: 20px;  ">Where do you live?</p>
</body>
</html>