project0/about.html at master · yamenarhim/project0 · 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
<!DOCTYPE html>
<html>
  <head>
    <title>DPT Team</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
    <link rel="stylesheet" type="text/css" href="stylesheet.css">
    <style>

    .grid-container {
      display: grid;
      grid-template-columns: auto 1000px auto;
      grid-column-gap: 50px;
      background-color:rgba(0, 0, 0, 0);
      opacity: 0.5s;
      padding: 10px;
      }
      .grid-item {
        background-color: white;
        border: 1px solid white;
        font-size: 30px;
        text-align: center;
        height: 500px;

      }
      #place-holder{
        opacity: 0;
      }
    </style>

  </head>

  <body>
    <div id="background">
      <div id="body">
        <ul id="home-header">
          <li class="home-list">
            <a  href="file:///D:/courses/CS50%20wep%20programming/project0/projecto.html">Home</a>
          </li>
          <li class="home-list">
            <a   href="Team projects.html">Team projects</a></li>
          <li   class="home-list"><a id="active" href="about.html">about</a>
            </li>
          <li class="home-list">
            <a href="contact.html">contact</a>
          </li>

        </ul>

        <h2 style='color:blue;text-align:center'>Welcome to DPT Team Website</h2>
        <div class="grid-container">
          <div class="grid-item" id="place-holder">1</div>
          <div class="grid-item">  We have nothing to talk about ourselves.</div>
          <div class="grid-item"  id="place-holder">3</div>

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