finalproject/index.html at master · bheaps99/finalproject · 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>COMP 1950 - Web Development and Design 2</title>
<link rel="stylesheet" href="styles/styles.css">
<link
rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.4.1/css/all.css"
integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz"
crossorigin="anonymous"
/>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
</head>
<body>
<div class="wrapper">
    <header>
        <div class="title"><div class="BCIT">BCIT</div></div>
        <button class="hamburger">
                <div class="hamburger-content">
                    <span class="hamburger-icon" tabindex="-1">
                            &#9776;
                    </span>
                    <span class="hamburger-text">
                        Menu
                    </span>
                </div>
            </button>
        <nav>
            <ul class="main-nav" id="link-nav">
                <li><a href="index.html">Home</a></li>
                <li><a href="about.html">About</a></li>
                <li><a href="schedule.html">Schedule</a></li>
                <li><a href="contact.html">Contact</a></li>
            </ul>
        </nav>

    </header>
    <main>
        <section class="main-grid">
            <section class="overview">
                <h1>Web Dev + Design 2</h1>
                <p>This course builds on the knowledge from COMP 1850 with an emphasis on responsive design with
                    up to date HTML and CSS design technologies and learn Sass, Git, Github,
                    flexbox and grid and much more.
                </p>
            </section>
            <section class="about1">
                <h1 class="lowerheader"><a href="about.html">About this course</a></h1>
                <p>Learn more about comp 1950 Web Development</p>
            </section>
            <section class="video"><h2>video here</h2></section>
            <section class="benefits"><h2>benefits</h2>
                <ul>
                    <li>Be a web designer</li>
                    <li>Get creative jobs</li>
                    <li>Learn the latest technologies</li>
                    <li>Expand on your skills from COMP 1850</li>
                </ul>
            </section>
            <a href="#0" class="apply">
                    <div class="apply-conent">
                        <h1>apply</h1>
                    </div>
            </a>
            <a href="schedule.html" class="learn">
                <div class="learn-content">
                    <h1>learn</h1>
                </div>
            </a>
        </section>
    </main>
    <footer>
        <div class="row">
          <div class="first column" id="logo-footer">
            <img
              class="bcit-logo"
              src="images/logo.jpg"
              alt="British Columbia Institute of Technology"
            />
          </div>
          <div class="second column">
            <p>British Columbia Institute of Technology</p>
            <p>3700 Willingdon Avenue</p>
            <p>Burnaby, British Columbia</p>
            <p>Canada V5G 3H2</p>
            <p>Telephone: (604) 434-5734</p>
            <p>Toll-free (CAN/US): 1-866-434-1610</p>
          </div>
          <div class="third column">
            <p>Follow us!</p>
            <p>
              <a href="https://www.facebook.com/bcit.ca/" target="_blank"
                ><i class="fab fa-facebook"></i
              ></a>
            </p>
            <p>
              <a
                href="https://www.instagram.com/lifeatbcit/?hl=en"
                target="_blank"
                ><i class="fab fa-instagram"></i
              ></a>
            </p>
            <p>
              <a
                href="https://twitter.com/bcit?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor"
                target="_blank"
                ><i class="fab fa-twitter"></i
              ></a>
            </p>
          </div>
        </div>
      </footer>
</div>
<script src="scripts/show-nav.js"></script>
</body>
</html>