Asianhack/services.php at main · pramod980/Asianhack · 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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
<!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">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    <title>Document</title>
    <style type="text/css">


.navbar-nav>li>a
      {
        color: black;
        margin-top: 4px;
      }
      .navbar-nav>li>a:hover
      {
        box-sizing: border-box;
        color: Black;
        background-color: white;
        border-radius: 10px;
      }
      .navbar-brand
      {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    color: black;
    margin-top: 4px;

}
      body{
        background-color:rgb(239, 234, 234);
      }
      #services .rowslideanim .col-sm-4
      {
        box-sizing: border-box;
        box-shadow: 0 3px 0 4px rgb(0,0,0,.1);
        height: 200px;
        padding: 10px;
        color: black;
        margin-top: 20px;
        width: 30%;
        margin-left: 30px;
        font-weight: 200;
        cursor: pointer;
        border: 1px solid grey;
        background-color: cadetblue;
      }
      #services .rowslideanim .col-sm-4:hover{
        color: rgb(97, 95, 95);
      }
      #services h2{
        font-size: 50px;
        color: rgb(85, 196, 85);

      }
      #services .rowslideanim .col-sm-4 a
      {
        color: black;
        text-decoration: none;

      }
      #services .rowslideanim .col-sm-4 a:hover
      {
        color:gray;
        text-decoration: none;

      }
      #services .text{
        font-size:20px;
        color: rgb(85, 196, 85);

      }
      #services h4{
        font-size: 30px;

      }
      .footer-f{
            padding: 5px;
            background-color:cadetblue;
            color: white;
            margin-top:50px;
        }
        .footer-f a{
            margin-top: 3px;
            color: white;

        }
        .footer-i
        {
            margin-left: 150px;
        }
    </style>
</head>
<body>


  <nav class="navbar" style="background-color:cadetblue;height: 60px;" >
    <div class="container-fluid" style="color: aqua;" >
      <div class="navbar-header">
        <a class="navbar-brand" href="home.php" style="font-size: 30px;font-family: Georgia, 'Times New Roman', Times, serif;margin-left: 5px;">THE DECODERS</a>
      </div>
      <ul class="nav navbar-nav" style="margin-left: 50px;display: flex; font-size: 20px;">
        <li><a href="home.php">Home</a></li>
        <li><a href="services.php">Services </a></li>
        <li><a href="Products.php">Products</a></li>
        <li><a href="aboutUs.php">About Us</a></li>

      </ul>
      <ul class="nav navbar-nav navbar-right" style="margin-right:40px; font-size: 20px; ">
        <li><a href="signup.php"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
        <li><a href="login.php"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
      </ul>
    </div>
  </nav>


    <div id="services" class="container-fluid text-center">
        <h2>SERVICES</h2>
        <p class="text">Our main aim is to uplift the life standard of physically disable poople.Provide training to them<br> incorporating with different NGOS and INGOS.<br>This help to increase productivity of nation as well as uplift their life standard.</p>
        <h4><br>Services we offer to them.</h4>
        <br>
        <div style="border: 1px none black; height: 300px; box-shadow: 3px 6px 4px 3px rgb(0,0,0,.3); border-top: .5px solid grey;">
              <h3><strong>Collaboration With NGOs and INGOs</strong></h3>
            <div class="rowslideanim">
              <div class="col-sm-4">
                <img src="https://img.icons8.com/external-line-zulfa-mahendra/48/000000/external-motivation-business-training-line-zulfa-mahendra.png" height="50px" width="50px">
                <h4>Motivate</h4>
                <p>Motivating the physically disable people so that they can get motivated and can be motivator for others.</p>
              </div>
              <div class="col-sm-4"><a href="home.html"> <img src="https://img.icons8.com/glyph-neue/64/000000/training.png" height="50px" width="50px"/>
                <h4>Training</h4>
                <p>Training them in collaboration with different NGOs and INGOS, so that they can learn different skill.</p>


              </a>

              </div>
              <div class="col-sm-4">
                <img src="https://img.icons8.com/ios/50/000000/approval.png" height="50px" width="50px"/>
                <h4>Certify</h4>
                <p>After getting perfect knowledge and education they are certified that they can work on.</p>
              </div>

            </div>
        </div>
        <br><br>
        <div class="rowslideanim">
            <div class="col-sm-4">
              <img src="https://img.icons8.com/glyph-neue/64/000000/share-3.png" height="50px" width="50px"/>
                <h4>Share</h4>
                <p>Sharing of knowldege as well as experience of them will add more people get motivae and easy for marketing their products.</p>
            </div>
            <div class="col-sm-4">
              <img src="https://img.icons8.com/ios/50/000000/share-2--v1.png" height="50px" width="50px"/>
                <h4>Connect</h4>
                <p>Help them to connect with vendors so that their product can move in the market for slaes</p>
            </div>
          <div class="col-sm-4">
            <img src="https://img.icons8.com/ios-filled/50/000000/wrench.png" height="50px" width="50px"/>
            <h4 >Work Hard</h4>
            <p>Help them to work hard so that they can completed their works on time.</p>
          </div>
        </div><br><br>
        <div class="rowslideanim">
            <div class="col-sm-4">
              <img src="https://img.icons8.com/ios-filled/50/000000/checkmark--v1.png" height="50px" width="50px"/>
                <h4>Completed</h4>
                <p>Different completed works are present as well as help them in comletion of work that they cannot perform.</p>
            </div>
            <div class="col-sm-4">
              <img src="https://img.icons8.com/ios/50/000000/sale--v1.png" height="50px" width="50px"/>
              <h4>Sales</h4>
              <p>Help physically disable people to sales the product in the market.</p>
          </div>
          <div class="col-sm-4">
            <img src="https://img.icons8.com/external-yogi-aprelliyanto-glyph-yogi-aprelliyanto/64/000000/external-earning-marketing-and-seo-yogi-aprelliyanto-glyph-yogi-aprelliyanto.png" height="50px" width="50px"/>
            <h4>Earn</h4>
            <p>Help those physically disable people to generate some income by selling their products in market</p>
        </div>
        </div>
      </div>


      <footer class="footer-f">
        <div class="row">
            <div class="col-sm-4">
                <p class="footer-links">
                    <a href="#">Home</a>|
                    <a href="#">Services</a>|
                    <a href="#">Products</a>    |
                    <a href="#">About US</a>|
                </p>
                <p class="footer-company-name">Copyright © 2022 <strong>The DECODERS</strong> All rights reserved</p>
            </div>
            <div class="col-sm-4">

                <div>
                    <i class="glyphicon glyphicon-map-marker"></i>
                    <span>Tokha, </span>Kathmandu
                </div>
                <div>
                    <i class="glyphicon glyphicon-phone"></i>
                    <span>+997 9808548601</span>
                </div>
                <div>
                    <i class="glyphicon glyphicon-envelope"></i>
                    <a href="mailto:surakstha84@gmail.com">surakstha84@gmail.com</a>
                </div>
            </div>
            <div class="col-sm-4">
                <p class="footer-company-about">
                    <span style="margin-left: 200px;">About us:</span><br>
                    <p style="margin-left: 60px;">Helping <b>Physically Disable</b> to stood up on their own feet </p>
                </p>
                <div class="footer-i">
                    <a href="https://www.facebook.com/" ><img src="photos/icons8-facebook-48.png" alt="facebook" height="30px" width="30px"></a>
                    <a href="https://www.instagram.com/" ><img src="photos/icons8-instagram-48.png" alt="instagram" height="30px" width="30px" ></a>
                    <a href="https://www.linkedin.com/" ><img src="photos/icons8-linkedin-50.png" alt="linkedin" height="30px" width="30px"></a>
                    <a href="https://twitter.com/" ><img src="photos/icons8-twitter-48.png" alt="twitter" height="30px" width="30px"></a>
                    <a href="https://www.youtube.com/" ><img src="photos/icons8-youtube-48.png" alt="youtube" height="30px" width="30px"></a>
                </div>
            </div>
          </div>

    </footer>
</body>
</html>