StaticWebsiteDemo/pe.html at main · ks1912/StaticWebsiteDemo · 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
<html>
    <head>
        <title>Physical Education | WeAreHealthy</title>
        <!--Company Icon next to title -->
        <link rel="shortcut icon" href="wahlogo.jpg">
        <link rel="stylesheet" href="style.css" type="text/css">
        <!--BootsStrapLink-->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
        <!--Frontawsome Icons-->
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">
        <script src='https://kit.fontawesome.com/a076d05399.js' crossorigin='anonymous'></script>
        <style>
             html, body
            {
                background-color: black;
            }
            .backgroundimage
            {
                background-image: url('pe_bg_new.jpg');
                background-repeat: no-repeat;
                background-attachment: fixed;
                background-size: cover;
            }
            .hero-text
            {
                color: black;
            }
            * {
                  box-sizing: border-box;
            }

        </style>
    </head>
    <body>
        <div class="topnav">
            <a href="index.html"><span class="glyphicon glyphicon-home" style="padding-right: 10px;"></span>Home</a>
            <a href="aboutus.html"><i class='fas fa-users' style="padding-right: 10px;"></i>About Us</a>
            <a class="active"  href="ourservices.html"><i class="far fa-handshake" style="padding-right: 10px;"></i>Our Service</a>
            <a href="contact.html"><i class="fa fa-phone" style="padding-right: 10px;"></i>Contact</a>
            <a href="index.html" style="float: right;"><i class="fas fa-building" style="padding-right: 10px;"></i>WeAreHealthy</a>
        </div>
        <div class="backgroundimage">
<!--            <button><h2>Click here to know more about yoga</h2></button>-->
            <div class="hero-text">
                <h1 style="font-size:50px">PHYSICAL EDUCATION</h1>
                <p style="font-size: 30px;">Explore and share tips, strategies, and resources for helping students develop physical fitness and health.</p>
            </div>
        </div>
        <div class="about_yoga">
            <h1>What is Physical Education</h1>
            <p style="text-align: justify;"> Physical education is the foundation of a Comprehensive School Physical Activity Program.
                It is an academic subject characterized by a planned, sequential curriculum (course of study) that is based on the  national standards for physical education.
                Physical education provides cognitive content and instruction designed to develop motor skills,  knowledge, and behaviors for physical activity and physical fitness.
                Supporting schools to establish physical education daily can provide students with the ability and confidence to be physically active  for a lifetime.
            </p>

        </div>
        <div class="about_yoga">
            <h1>Blogs on Physical Education</h1>
        </div>
        <div class="row_yoga">
                <div class="column_yoga">
                  <img src="pe_blog_one.jpg" alt="YOGA" style="width:100%">
                </div>
                <div class="column_yoga">
                  <img src="football_blog_two.jpg" alt="YOGA" style="width:100%">
                </div>
                <div class="column_yoga">
                  <img src="pe_blog_three.jpg" alt="YOGA" style="width:100%">
                </div>

        </div>
<!--Footer-->
        <footer>
            <h3 style="float: left;">Copyright @ WeAreHealthy</h3>
            <!--<h3>We Are Healthy</h3>-->
            <h3 style="float: right;">Developed by Kunal Singh</h3>
        </footer>
    </body>
</html>