WD-Course/index.html at main · Sujit-1509/WD-Course · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Space Research in India</title>

    <link rel="stylesheet" href="./assets/css/home.css">


    <script src="./assets/js/index.js" defer></script>


    <link rel="icon" type="icon" href="./assets/images/icons/ISRO-icon.png">
</head>
<body class="body-home">

    <div class="video-container">
        <video autoplay muted loop id="bg-video">
            <source src="background.mp4" type="video/mp4">
            Your browser does not support HTML5 video.
        </video>
    </div>

    <header class="primary-header">
        <div>
            <img src="./assets/images/icons/ISRO-icon.png" alt="logo" class="logo-isro">
        </div>
        <button class="mobile-nav-toggle" aria-controls="primary-navigation"><span class="sr-only" aria-expanded="false">Menu</span></button>
        <nav>
            <ul id="primary-navigation" class="primary-navigation underline-indicators flex" data-visible="false">
                <li class="active"><a class="ff-sans-cond uppercase text-white letter-spacing-2 primary-link" href="index.html">Home</a></li>
                <li><a class="ff-sans-cond uppercase text-white letter-spacing-2 primary-link" href="mission.html">Mission</a></li>
                <li><a class="ff-sans-cond uppercase text-white letter-spacing-2 primary-link" href="satellite.html">Satellite</a></li>
                <li><a class="ff-sans-cond uppercase text-white letter-spacing-2 primary-link" href="technology.html">Technology</a></li>
                <li><a class="ff-sans-cond uppercase text-white letter-spacing-2 primary-link" href="careers.html">Careers</a></li>
                <li><a class="ff-sans-cond uppercase text-white letter-spacing-2 primary-link" href="about.html">About</a></li>
            </ul>
        </nav>
    </header>

    <!-- Main Content -->
    <main class="home-main">
        <div class="home-div">
            <h2 class="home-h1 ff-sans-cond uppercase text-white letter-spacing-3">Indian Space Research Organisation<span class="ff-serif title">ISRO</span></h2>
            <p class="ff-sans">ISRO was established in 1969. Since its founding, ISRO has been developing an Indian space program, launching more than 50 satellites for other countries.
                ISRO is responsible for the manufacturing and launch of satellites, as well as the research and development of space and planet related systems through space-based experiments.
            </p>
        </div>
        <div class="home-div-btn">
            <button type="menu" class="large-button ff-serif uppercase">Explore</button>
        </div>
    </main>
</body>
</html>