abc.github.io/index.html at main · pointlessduffin-21/abc.github.io · 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
<!DOCTYPE html>
<html>
    <meta name="Hello World" content="width=device-width, initial-scale=1.0">
    <link href="css/index.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="css/zoom.css">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">

    <head>
        <title>ABC Learning Center</title>
    </head>

    <header class="header" id="myHeader">
        <link href="css/header.css" rel="stylesheet" type="text/css">
        <img src="img/banner.png">
        <a href="signin.html" class="signin">Sign In</button>
        <a href="contact.html">Contact Us</a>
        <a href="about.html">About Us</a>
        <a href="courses.html">Course Schedule</a>
        <a href="coursed.html">Course Details</a>
        <a href="index.html">Home</a>
    </header>
</nav>

    <body>
        <div class="banner">
            <div class="banner-image">
                <video autoplay="" id="heroVideo" loop="" muted="" poster="/img/carousel1.jpg">
                    <source src="img/video.mp4" type="video/mp4" />
                </video>
                <div class="banner-text">
                    <h1>ABC Learning Center</h1>
                    <p>We got all your IT training needs!</p>
                </div>
            </div>
        </div>

        <div class="history reveal">
            <h1>Heading 1</h1>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mollis sed sem at bibendum. Nulla tempor mollis purus, ut sagittis velit pharetra ac. Proin tincidunt urna vestibulum magna laoreet pellentesque. Donec vestibulum nec nunc eu dignissim. Integer eget sagittis lorem, sed laoreet augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Suspendisse potenti. Nam id lorem sem. Morbi quis pretium massa, vel faucibus neque. Nam volutpat malesuada purus, eleifend finibus nibh. Praesent molestie mi vel nulla accumsan lobortis.</p>
            <img src="img/family.jpg" data-action="zoom" class="pull-left">
        </div>

        <div class="hero">
            <div class="hero-image reveal">
                <div class="hero-text">
                    <h1>Heading 2</h1>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                </div>
            </div>
        </div>

        <div class="founder">
            <h1 class="reveal">Heading 3</h1>
            <p class="reveal">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mollis sed sem at bibendum. Nulla tempor mollis purus, ut sagittis velit pharetra ac. Proin tincidunt urna vestibulum magna laoreet pellentesque. Donec vestibulum nec nunc eu dignissim. Integer eget sagittis lorem, sed laoreet augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Suspendisse potenti. Nam id lorem sem. Morbi quis pretium massa, vel faucibus neque. Nam volutpat malesuada purus, eleifend finibus nibh. Praesent molestie mi vel nulla accumsan lobortis.</p>
            <img src="img/founder.jpg" class="reveal" data-action="zoom" class="pull-left">
        </div>

        <div class="gallery reveal">
            <h1>Recent Photos</h1>
        </div>


        <p class="gallery2 reveal" data-action="zoom" class="pull-left">
            <img src="img/pic1.jpg">
            <img src="img/pic2.jpg">
            <img src="img/pic3.jpg">
            <img src="img/pic4.jpg">
            <img src="img/pic5.jpg">
            <img src="img/pic6.jpg">
            <img src="img/pic7.jpg">
            <img src="img/pic8.jpg">
            <img src="img/pic9.jpg">
        </p>
        <br />

    <script type="text/javascript" src="js/revealscroll.js"></script>
    <script src="jquery-3.6.1.js"></script>
    <script src="bootstrap.min.js"></script>
    <script src="js/zoom.js"></script>
    <script src="js/scrolling.js" type="text/javascript"></script>
        <footer>
        <div class="footer-text">
            <link href="css/footer.css" rel="stylesheet" type="text/css">
            <a href="index.html">Home</a><br />
            <a href="sitemap.html">Sitemap</a><br />
            <a href="privacy.html">Privacy Policy</a><br />
            <a></a><br />
            <p>Made with ❤️ from the Philippines</p><br />
        </div>
    </footer>