IRIS/features.html at master · shgradyy/IRIS · 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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>IRIS-Features</title>
    <link href="https://fonts.googleapis.com/css?family=Open+Sans|Quicksand&display=swap" rel="stylesheet">
    <!--<link href=“https://fonts.googleapis.com/css?family=Karla%7CMontserrat&display=swap” rel=“stylesheet”>
font-family: ‘Karla’, sans-serif;
font-family: ‘Montserrat’, sans-serif;-->
    <link rel="stylesheet" type="text/css" media="screen" href="css/index.css" />
    <script type="text/javascript" src="JS/main.js" async></script>
    <!-- Will add JS functionality here. -->

</head>

<body>
    <div class="navigation">
        <!--navigaion bar that locks when scrolling-->
        <img src="img/iris-logoo.png" alt="IRIS Logo" class="img-logo">
        <div class="nav-links">
            <div class="n-links"><a href="index.html">Home</a></div>
            <div class="n-links"><a href="features.html">Features</a></div>
            <div class="n-links"><a href="about.html">Our Team</a></div>
            <div class="n-links"><a href="learn.html">Our Company</a></div>
        </div>
        <div class="button-box">
            <a href="#" class="modal-button" id="btn">Register/Sign-in</a>
        </div>
    </div>
    <!--navigaion bar-->

    <!--Landing Page Intro Section-->
    <header>
        <!--header-->
        <div class="first-photo">
            <img src="img/school-children2.png" alt="School Children" class="img-header">
            <div class="bottom-left">
                <h2>IRIS</h2>
                <p>International Rural School Report</p>
            </div>
        </div>
        <div class="info-top">
            <div class="text-cnt">
                <h2>Track & Broadcasts Your Classroom Needs</h2>
                <p>Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.</p>
            </div>
            <img src="img/blur-businessman.jpg" alt="Businessman Photo" class="img-cnt">
        </div>
    </header>
    <!--header-->
    <!--End of Landing-->
    <div class="container">
        <!---------------Download App Section #1---------->
        <div class="download">
            <h2 class="download-header">Stay on-task while on the go!</h2>

            <img src="img/google-play-badge.png" alt="google play store badge" class="download-badge" id="google-badge">
            <p>“Google Play and the Google Play logo are trademarks of Google LLC.”</p>
            <img src="img/Apple Logo Black.svg" alt="apple store badge" class="download-badge" id="apple-badge">
            <P class="download-content">Apple® the Apple logo, iPhone, and iPad are trademarks of Apple Inc., registered in the U.S. and other countries and regions. App Store is a service mark of Apple Inc.</P>
        </div>
        <!--End of Download App Section-->

        <!--Modal Popout content area-->
        <div class="modal-background" id="modal-bg">
            <div class="modal-content">
                <div class="close" id="closeB">+</div>
                <h2>Register Your Account:</h2>
                <img src="img/iris-logoo.png" alt="logo" id="modal-img">

                <form action="" class="modal-form">
                    <a href="" class="modal-button">Sign-in</a>
                    <input type="text" placeholder="First Name">
                    <input type="text" placeholder="Last Name">
                    <input type="email" placeholder="Email">
                    <a href="" class="modal-button">Submit</a>
                </form>

            </div>
        </div>
        <!--End of Modal Popout-->

        <div class="feature-section" id="features">

            <div class="feature-item" id="feature-item-intro">
                <h1 class="feature-header">Why IRIS?</h1>
                <p class="feature-content">The International Rural School Report system is state of the art technology integration that school administrators rely upon world wide to can login and create, read, update and delete information on the condition of the school including general issues and the condition of equipment devices in the school (TVs, tablets, chromebooks, servers, routers, HDMI cables). A board member can log in and mark the action as done, scheduled, or ignored, and comment with more information.</p>
            </div>
            <!---------------Download App Section #2---------->
            <div class="download">
                <h1 class="download-header"><span class="flicker">DOWNLOAD</span> our mobile app now Google Play!</h1>
                <img src="img/google-play-badge.png" alt="google play store badge" class="download-badge" id="google-badge2">
                <p>“Google Play and the Google Play logo are trademarks of Google LLC.”</p>
                <img src="img/Apple Logo Black.svg" alt="apple store badge" class="download-badge" id="apple-badge">
                <P class="download-content">Apple® the Apple logo, iPhone, and iPad are trademarks of Apple Inc., registered in the U.S. and other countries and regions. App Store is a service mark of Apple Inc.</P>

            </div>
            <!--End of Download App Section-->

            <div class="feature-item" id="app-feature">
                <h1 class="feature-header">App Integration!</h1>
                <p class="feature-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec pretium lacus. Aliquam erat volutpat. Aliquam hendrerit eros vel metus efficitur, semper fermentum erat tristique. Duis vitae auctor leo. Nulla eget metus cursus, consequat metus et, mollis sapien. Sed pharetra risus eu sodales mattis. Integer facilisis augue metus, in malesuada orci semper a. Curabitur blandit mattis sagittis. Vestibulum vestibulum est leo, vitae tincidunt est mattis vitae. Aliquam nunc quam, egestas sed venenatis non, faucibus sit amet turpis. Cras hendrerit massa neque, et ullamcorper neque semper sed. Maecenas sit amet congue nunc, ut commodo tellus. Phasellus ullamcorper ligula at turpis porta, eu vulputate dui tincidunt.</p>
            </div>

            <div class="feature-item" id="connect-feature">
                <h1 class="feature-header">Stay Connected</h1>
                <p class="feature-content">Vivamus eu feugiat lorem. Nulla imperdiet consequat orci, vel varius nunc placerat ut. Aenean eu odio ac nisl viverra sollicitudin a ac est. Donec cursus, libero id posuere laoreet, urna tellus ornare nisl, eget tempor justo ipsum in risus. In a pellentesque erat. Integer non ultrices nulla. In hac habitasse platea dictumst. Duis consectetur ullamcorper arcu. Sed eu orci eu massa sodales euismod. Donec hendrerit eget purus quis ultricies. Mauris vitae sapien nisi. Ut feugiat congue ipsum et condimentum.</p>

            </div>

            <div class="feature-item" id="work-order-feature">
                <h1 class="feature-header">Quick Response Work Orders</h1>
                <p class="feature-content">Nunc dapibus feugiat leo, placerat egestas libero ullamcorper et. Donec elit felis, consequat a lectus a, rutrum finibus leo. Phasellus a magna sit amet quam suscipit tempor. Mauris velit lacus, rhoncus id euismod in, molestie tempor turpis. Suspendisse potenti. Quisque ornare at est et elementum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla eu pretium risus, et faucibus est. Vestibulum bibendum ligula arcu, et volutpat est condimentum a. Donec sit amet sapien vel enim malesuada posuere quis eget orci. Fusce vitae tempor ante.</p>
            </div>
        </div>

    </div>
    <!--End of Container-->
    <footer>
        <img src="img/create.jpg" alt="Create">
        <div class="apps">
            <div class="legal">
                <a href="#">Privacy Policy</a>
                <a href="#">Terms of Service</a>
            </div>
            <div class="footer-text">
                <p>Copyright International Rural School Report 2019</p>
            </div>
            <div class="social-links">
                <a href="https://twitter.com/ghanamakeadiff?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-show-count="false">Follow @ghanamakeadiff</a>
                <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
            </div>
        </div>
    </footer>
</body>

</html>