StaticWebsiteDemo/ourservices.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
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
<html>
    <head>
        <title>SERVICES | 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: white;
            }
            .backgroundimage
            {
                background-image: url('ourservices_bg.jpg');
                background-repeat: no-repeat;
                background-attachment: fixed;
                background-size: cover;
            }
            .hero-text
            {
                color: rgb(0, 0, 0);
                top: 30%;
            }

        </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="#our_services"><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">Our Servcies</h1>
                <p style="font-size: 30px;">We are the best and we provide best services.</p>
            </div>
        </div>

        <div class="ourservices">
            <center><a href="#" style="color: rgb(15, 14, 14)"><h1 style="font-size: 50px;" id="our_services">SERVICES</h1></a></center>
            <center><h4 style="font-size: 30px;">What we offer</h4></center>

            <div class="row_ourservices_img">
                <div class="column_ourservices_img">
                    <center>
                    <a href="yoga.html" target="_blank"><img src="ourservices_yoga.jpg" alt="Yoga Logo" style="width:50%"></a>

                        <h4 style="padding-top: 10px;">YOGA</h4>
                        <p>Everwonder what assan is effecting our body directly and indirectly. Learn from our experts.</p>
                    </center>
                </div>
                <div class="column_ourservices_img">
                    <center>
                    <a href="pe.html" target="_blank"><img src="ourservices_pe_new.png" alt="Physical Education Logo" style="width:50%"></a>
                        <h4 style="padding-top: 10px;">PHYSICAL EDUCATION</h4>
                        <p>How and why sport is important for us. Lern from our experts and understand the science behind it.</p>
                    </center>
                </div>
                <div class="column_ourservices_img">
                    <center>
                    <a href="hh.html" target="_blank"><img src="ourservices_hh_new.png" alt="Healthy Habits logo" style="width:50%;"></a>
                        <h4 style="padding-top: 10px;">HEALTHY HABITS</h4>
                        <p>Learn some good habits which we miss in daily life.</p>
                    </center>
                </div>
            </div>
            <div class="row_ourservices_img">
                <div class="column_ourservices_img">
                    <center>
                        <a href="blogs.html" target="_blank"><img src="ourservices_blog.jpg" alt="Blog Logo" style="width:50%"></a>
                        <h4>BLOG</h4>
                        <p>We provide lot of blogs on different topics which is written by professionals from all over the world.</p>
                    </center>
                </div>
                <div class="column_ourservices_img">
                    <center>
                        <a href="#contact_details"><img src="ourservices_certification.jpg" alt="certification Logo" style="width:50%"></a>
                        <h4>CERTIFICATIONS</h4>
                        <p>We provide certification courses also which not only help you in improving your portfolio but is also industry recognised.</p>
                    </center>
                </div>
                <div class="column_ourservices_img">
                    <center>
                        <a href="#contact_details"><img src="branch_experts.png" alt="Expert Advice logo" style="width:50%;"></a>
                        <h4>EXPERT ADVICES</h4>
                        <p>Get the expert advices and learn from them and make yourself perfect and worthful.</p>
                    </center>
                </div>
            </div>
        </div>

<!--Footer-->
        <footer>
            <h5 style="float: left;">Copyright &copy; WeAreHealthy. All Rights Reserved  |  Contact Us: +91 90000 00000</<h5>
                <!--<h3>We Are Healthy</h3>-->
            <h5 style="float: right;">Developed by Kunal Singh</h5>
        </footer>
    </body>
</html>