ost-project/index.html at master · MaximusInglorious/ost-project · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Online courses and registration solutions">
    <meta name="online courses, course enrollment, student registration platform">
    <meta name="authors" content="Abishek, Prakash, Nirmal, Pawan, Kishore, Akash">
    <title>OCR | Homepage</title>
    <!-- <link rel="stylesheet" href="./css/normalize.css"> -->
    <link rel="stylesheet" href="./css/style.css">
    <link href="./css/all.css" rel="stylesheet">
</head>
<body>
    <header>
        <div class="container">
            <div id="branding">
                <h1>WebsiteName.</h1>
            </div>
            <nav>
                <ul>
                    <li class="current"><a href="index.html">Home</a></li>
                    <li><a href="login.html">Login</a></li>
                    <li><a href="about.html">About</a></li>
                    <li><a href="contact.html">Contact</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <section id="showcase">
        <div class="container">
            <h1><span style="letter-spacing: 1rem; text-transform: uppercase;">Learn With WebsiteName.</span></h1>
            <p>A platform designed for institutions, for all things student registration and course management related.
                We have partnered with your university to provide a seamless & hassle free experience, tailored to match
                the needs of students and faculty alike.
            </p>
            <div class="btn-pos">
                <a class="trans-btn" href="./pre_login.html">Get Started</a>
                <a class="trans-btn" href="#">Learn More</a>
            </div>
            <a href="#section-header"><i class="arrow down"></i></a>
            <div>
                <p style="font-size: 1.5rem; margin-top: 1rem; margin-bottom: 2rem;"><a style="text-decoration: none; color: white;" href="#section-header"><i>Let's Go!</i></a></p>
            </div>
        </div>
    </section>

    <section id="section-header">
        <div class="container">
            <div class="section-header-text">
                <p class="section-header-heading"><span >Our </span><span style="border-bottom: 3px solid #35424a;">Courses</span></p>
                <!-- <p class="section-header-tagline"><i>'cause there's different strokes for different folks</i></p> -->
            </div>
        </div>
    </section>

    <section id="boxes">
        <div class="container">
            <div class="box">
                <div class="center-in-box">
                    <p style="font-size: 2rem; letter-spacing: 0.3rem; font-weight: 500;">Engineering</p>
                    <p class="box-para">One man’s magic is another man’s engineering. Supernatural is a null word. Our courses provide hands-on experience combined with a comprehensive syllabus to give your science dreams a headstart.</p>
                </div>
            </div>
            <div class="box-2">
                <div class="center-in-box">
                    <p style="font-size: 2rem; letter-spacing: 0.3rem; font-weight: 500;">Medical & Health</p>
                    <p class="box-para">Not all Angles have wings. Some have stethoscopes. You were born to save lives. Be like the stem cell & differentiate yourself from others with our in-depth and state of the art medical & health science courses.</p>
                </div>
            </div>
            <div class="box-3">
                <div class="center-in-box">
                    <p style="font-size: 2rem; letter-spacing: 0.3rem; font-weight: 500;">Business & Management</p>
                    <p class="box-para">Good management is the art of making problems so interesting and their solutions so constructive that everyone wants to get to work and deal with them. Our courses are up to date with current industry standards.</p>
                </div>
            </div>
            <div class="box-4">
                <div class="center-in-box">
                    <p style="font-size: 2rem; letter-spacing: 0.3rem; font-weight: 500;">Engineering</p>
                    <p class="box-para">It takes a great deal of history to produce a little Art. It is in art that the concrete outlook of humanity receives its expression. Deep dive into our literary courses and let the world know your artistic genius.</p>
                </div>
            </div>
        </div>
    </section>

    <footer>
        <p>Website Name, Copyright &copy; 2020</p>
    </footer>
</body>
</html>