4Vision/index.html at master · waleeattia/4Vision · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link rel="stylesheet" href="main.css">
    <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
    integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">

  </head>
  <body class="body">
    <div id="banner" class="jumbotron jumbotron-fluid">
      <div class="container" id="titleCont" style="text-align :'center';">
        <h1 class="display-4 titleMain">4Vision: RE-IMAGINING VIRTUAL CONFERENCES AND EVENTS</h1>
      </div>
    </div>

    <nav class="navbar sticky-top navbar-expand-lg navbar-light" id="navbar">
      <a class="navbar-brand white" style="margin: 0 auto ;">Progress - The 4Vision Project</a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
    </nav>

    <div id="banner2" class="jumbotron jumbotron-fluid">
      <div class="container" id="titleCont" style="text-align:'center'; color: black; ">
        <h1 class="display-4 titleMain">Problem Statement: </h1>
        <p class="lead">COVID has quickly transformed the meaningful connections we are able to make through in-person engagement. Virtual conference platforms do not give any information to a presenter in terms of audience engagement. This lack of feedback leads presenters to be forced to assume the audience is paying attention, when this might not be the case. The addition of valuable metrics could help the presenter adjust his or her presentation to grab more engagement.</p>
      </div>
    </div>

    <div id="banner1" class="Dodger Blue" color:#FFF>
      <div class="container" id="titleCont" style="text-align:'center'; color: gray;">
        <h1 class="display-4 titleMain">Our Solution:</h1>
        <p class="lead">Tracking data analytics of engagement by creating a feedback system for the lecturer to let them know how their audience responds to their presentation.</p>
      </div>
    </div>


  </div>

    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
  </body>
</html>