lyons-chemistry/about.html at master · ijgreenidge/lyons-chemistry · 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
<!DOCTYPE html>
<html>

<head>
    <title>Ms. Lyons</title>

    <link rel="stylesheet" href="about.css" type="text/css" />

    <script src="https://www.gstatic.com/firebasejs/4.10.1/firebase.js"></script>

    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

    <script type="text/javascript" src="script.js"></script>

    <link href='https://fonts.googleapis.com/css?family=Carter One' rel='stylesheet'>

    <!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">


    <!-- Compiled and minified JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>

    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

    <link rel="shortcut icon" type="image/png" href="https://www.flinnsci.com/globalassets/flinn-scientific/website-content-graphics/navigation-icons/chemistry.png" />

</head>

<body>
    <header>
        <nav>
            <div class="nav-wrapper red lighten-2">
                <a href="index.html" class="brand-logo center"> Ms. Lyons Chemistry</a>
                <ul id="nav-mobile" class="right">
                    <li><a href="" target="_blank"></a></li>
                    <li><a href="" target="_blank"></a></li>
                    <li><a href="" target="_blank"></a></li>
                </ul>
            </div>
        </nav>
    </header>

    <main>

        <div class="container">
            <div class="section">
                <div class="row z-depth-5">
                    <div class="text">
                        <h2 class="center-align">Designer</h2>
                        <p class="flow-text">Imani Greenidge, Brooklyn High School for Law and Technology Class of 2018 former AP Chemistry student of Ms. Lyons.
                            <a href="https://ijgreenidge.github.io/imaniportfolio/" target="_blank">Check out his portfolio</a></p>
                    </div>
                </div>

                <div class="row z-depth-5">
                    <div class="text">
                        <h2 class="center-align">Purpose</h2>
                        <p class="flow-text">I made this website to give both AP Chemistry and Regents Chemistry Students of Ms. Lyons a place to go to get resources they made need to be successful in class. You can get all the resources you need for class through this website
                            without even having to bother Ms. Lyons. This website should be used as a tool to help chemistry students succeed.</p>
                    </div>
                </div>

                <div class="row z-depth-5">
                    <div class="text">
                        <h2 class="center-align">How</h2>
                        <p class="flow-text">Using my knowledge of coding and web design. Coding languages such as HTML, CSS and Javascript I decided to make this website for Ms.Lyons' chemistry classes (AP and Regents). I used a library named <a href="https://materializecss.com/"
                                target="_blank">Materialize Css</a> to create majority of the layout.</p>
                    </div>
                </div>

            </div>
        </div>

    </main>

    <footer class="page-footer red lighten-2">
        <div class="container">
            <div class="row">
                <div class="col l6 s12">
                    <h5 class="white-text">Ms. Lyons Chemistry</h5>
                    <p class="grey-text text-lighten-4"></p>
                </div>
                <div class="col l4 offset-l2 s12">
                    <h5 class="white-text">Email: alyons@bklawtech.com</h5>
                    <p>Chemistry Teacher at Brooklyn High School for Law and Technology</p>
                </div>
            </div>
        </div>
        <div class="footer-copyright">
            <div class="container">
                Created By: Imani Greenidge
                <a class="grey-text text-lighten-4 right" href="https://ijgreenidge.github.io/imaniportfolio/" target="_blank">Portfolio</a>
            </div>
        </div>
    </footer>


</body>

</html>