webmaster/about.html at master · Ethan127/webmaster · 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
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title id="title">Tech Talks</title>

  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.bundle.min.js"></script>
  <link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  <link rel="stylesheet" type="text/css" href="main.css">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
  <script type="text/javascript" src="n.js"></script>
  <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
  <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
  <script>
    $(document).ready(function(){
        $('[data-toggle="tooltip"]').tooltip();
        AOS.init();
        document.getElementById("title").innerHTML = name;
        document.getElementById("nav").innerHTML = navbar;
        document.getElementById("aboutl").classList.add("active");
    });
    window.onload=otherNav(); //Changes transparency of navbar on scroll
    window.onload=parallaxEffect();
  </script>

</head>
<body>

<header class="header">
    <div id="nav"></div>
</header>
<div class="container">
<br>
<div class="aboutUsBody">
    <h1 data-aos="fade-in" class="aboutUsBody">Our Mission</h1>
    <p data-aos="fade-in" class="aboutUsBody">Whether it's because of work, distance, or a global pandemic, accessing consistent and quality STEM education can be difficult. Here at Tech Talks, we believe in convenience and accessibility. With the click of a button, <b>anyone</b>, <b>anywhere</b> can meet with and listen to top tech experts from around the world <b>anytime</b>.
    </p>
</div>

<br><br>

<div class="aboutHeading">
    <img id="aboutHeadingImage" src="assets/2.jpeg"/>
</div>

<br>
<br>

<div class="container" style="width:max-content;">

    <div class="py-1" style="text-align: center;">

        <div class="row" style="padding-bottom: 25px; padding-top: 25px; background-color:#8e8d8a00;">
            <div data-aos="fade-down" class="col">

                    <!-- CHANGE NAME LAETER -->
                    <h1>
                        <b class="pt-5 text-gray" style="font-size: 8vh">Who Are We?</b>
                    </h1>
            </div>

        </div>

        <h5 class="pt-5 text-black" style="font-size: 3.5vh">
            Tech Talks was started by three passionate high school students wanting to connect with better STEM opportunities in their area during the pandemic. As our program grew, Tech Talks gave educators across the globe the confidence to host virtual talk sessions interacting with hundreds and even thousands of people at once.

            <br>
            <br>
            <hr></hr>
            <br>
            <br>

            With the program having spread to over 100 different educators in 17 different countries, Tech Talks is empowering both educators and curious learners to pursue their passions in fascinating subjects. We’ve connected thousands of members and have hosted hundreds of events to help people grow their passions in tech subjects.
            <br>
            <br>
        </h5>

    </div>
</div>

<div class="aboutHeading" style="margin-top:20px;">
    <img id="telehealthImage" src="assets/1.jpeg"/>
</div>

<br>

<div class="container" style="width:max-content;">

    <div class="py-1" style="text-align: center;">

        <div class="row" style="padding-bottom: 25px; padding-top: 25px; background-color:#8e8d8a00;">
            <div data-aos="fade-down" class="col">

                    <!-- CHANGE NAME LAETER -->
                    <h1>
                        <b class="pt-5 text-gray" style="font-size: 8vh">Why Online?</b>
                    </h1>
            </div>

        </div>

        <h5 class="pt-5 text-black" style="font-size: 3.5vh" data-aos="fade-right">
            <li class="aboutUsBody">With tens of top technical educators from around the world, you can access information from any professional within minutes.</li>
            <li class="aboutUsBody">With specializations in every field of STEM, you can choose the topics that most interest you.</li>
            <li class="aboutUsBody">We provide the cheapest prices and most secure platform for virtual STEM events and education.</li>
        </h5>

    </div>
</div>

<br>
<br>
<br>