Skip to content

Fixed the bugs in the Home Page #64

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
AslamSujah wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Fixed the bugs in the Home Page #64

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
62c5df6
Fixed the bugs in the Home Page
Oct 4, 2020
b1aa345
Include the ScreenShot of new Home Page
Oct 4, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added New Home Page View.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
13 changes: 11 additions & 2 deletions css/home.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -181,6 +181,11 @@ h1.hero:after {
position: relative;
}

.col.five {
width: 18%;
margin: 0 1%;
}

.col.four {
width: 23%;
margin: 0 1%;
Expand All @@ -192,8 +197,8 @@ h1.hero:after {
}

.col.two {
width: 40%;
margin: 0 2.5%;
width: 46.98%;
margin: 0 1%;
padding: 0 2.5%;
}

Expand Down Expand Up @@ -439,4 +444,8 @@ h2 {
.group {
display: none;
}
}

#footer a {
padding: 0.8rem;
}
96 changes: 37 additions & 59 deletions home.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,28 +49,28 @@ <h1 class="hero" style="transform: translate(394px, 38px);">Play<br>Activity</h1
</div>
<div class="section" class="second">
<div class="container" style="padding-top: 230px;">
<div class="col four">
<div class="col five">
<h1 class="icon"><i class="far fa-futbol"></i></h1>
<h1 class="service">Sports</h1>
<p>An activity involving physical exertion and skill in which an individual or team competes against another or others for entertainment.</p>
</div>
<div class="col four">
<div class="col five">
<h1 class="icon"><i class="fas fa-music"></i></h1>
<h1 class="service">Music</h1>
<p>Vocal or instrumental sounds (or both) combined in such a way as to produce beauty of form, harmony, and expression of emotion.</p>
</div>
<div class="responsivegroup"></div>
<div class="col four">
<div class="col five">
<h1 class="icon"><i class="fas fa-child"></i></h1>
<h1 class="service">Dance</h1>
<p>Dance, the movement of the body in a rhythmic way, usually to music and within a given space, for the purpose of expressing an idea or emotion</p>
</div>
<div class="col four">
<div class="col five">
<h1 class="icon"><i class="fas fa-gamepad"></i></h1>
<h1 class="service">Game</h1>
<p>An activity that one engages in for amusement or fun. Eager or willing to do something new or challenging work</p>
</div>
<div class="col four" style="float: left;">
<div class="col five" style="float: left;">
<h1 class="icon"><i class="fas fa-book"></i></h1>
<h1 class="service">Books</h1>
<p>Reading is an act of understanding and comprehending the text written to give a valuable meaning to it and for drawing conclusion and opinion</p>
Expand All @@ -84,91 +84,69 @@ <h1 class="service">Books</h1>
<div class="container">
<h1>Importance </h1>
<h2>Why activity is important</h2>

<div class="group margin"></div>
<div class="col two bg margin extrapad">
<div class="col three bg margin extrapad">
<h1 class="icon side"><i class="fas fa-hand-point-right"></i></h1>

<p class="side">Sport develops a sense of friendliness among the children and develop their team spirit. It helps children to develop mental and physical toughness. Sport shapes their body and make it strong and active. ..</p>
</div>
<div class="col two bg margin extrapad">

<div class="col three bg margin extrapad">
<h1 class="icon side"><i class="fas fa-hand-point-right"></i></h1>

<p class="side"> Listening to music can benefit overall well-being, help regulate emotions, and create happiness in everyday life. Music can raise someone's mood, get them excited, or make them calm and relaxed</p>
</div>
<div class="group margin"></div>
<div class="col two bg margin extrapad">

<div class="col three bg margin extrapad">
<h1 class="icon side"><i class="fas fa-hand-point-right"></i></h1>
<!-- <span class="feature side">Wow wow</span><span class="side"> - Wow</span> -->
<p class="side">Through dance, students learn teamwork, focus, and improvisational skills.Dance awakens new perceptions in children which help them learn and think in new ways</p>
<p class="side">Through dance, students learn teamwork, focus, and improvisational skills.Dance awakens new perceptions in children which help them learn and think in new ways to increse their dancing skills</p>
</div>

<div class="group margin"></div>
<div class="col two bg margin extrapad">
<h1 class="icon side"><i class="fas fa-hand-point-right"></i></h1>

<p class="side">Reading books enhances our language skills and develops fluency,allowing us to express our thoughts and ideas better and quench our thirst for knowledge.</p>
<p class="side">Reading books enhances our language skills and develops fluency,allowing us to express our thoughts and ideas better and quench our thirst for acquiring more knowledge in many different area.</p>
</div>

<div class="group margin"></div>
<div class="col two bg margin extrapad">
<h1 class="icon side"><i class="fas fa-hand-point-right"></i></h1>

<p class="side">Increase children's self-confidence and self-esteem as they master games. provide points of common interest and opportunities for socialization. develop skills in reading, math, technology and problem-solving.</p>
</div>

<div class="group"></div>
</div>
</div>


<!-- Footer -->
<footer class="page-footer font-small cyan darken-3">

<!-- Footer Elements -->
<div class="container">

<!-- Grid row-->
<div class="row">

<!-- Grid column -->
<div class="col-md-12 py-5">
<div class="mb-5 flex-center">

<!-- Facebook -->
<a class="fb-ic">
<i class="fab fa-facebook-f fa-lg white-text mr-md-5 mr-3 fa-2x"> </i>
</a>
<!-- Twitter -->
<a class="tw-ic">
<i class="fab fa-twitter fa-lg white-text mr-md-5 mr-3 fa-2x"> </i>
</a>
<!-- Google +-->
<a class="gplus-ic">
<i class="fab fa-google-plus-g fa-lg white-text mr-md-5 mr-3 fa-2x"> </i>
</a>
<!--Linkedin -->
<a class="li-ic">
<i class="fab fa-linkedin-in fa-lg white-text mr-md-5 mr-3 fa-2x"> </i>
</a>
<!--Instagram-->
<a class="ins-ic">
<i class="fab fa-instagram fa-lg white-text mr-md-5 mr-3 fa-2x"> </i>
</a>

</div>
</div>
<!-- Grid column -->

</div>
<!-- Grid row-->

<div>
<footer id="footer" class="container-fluid mt-2">

<div class="d-flex justify-content-center">
<a href="#">
<i class="fab fa-instagram fa-3x"></i>
</a>
<a href="#">
<i class="fab fa-google-plus fa-3x"></i>
</a>
<a href="#">
<i class="fab fa-facebook fa-3x"></i>
</a>
<a href="#">
<i class="fab fa-twitter fa-3x"></i>
</a>
</div>
<!-- Footer Elements -->

<!-- Copyright -->
<div class="footer-copyright text-center py-3">© 2020 Copyright:
Play Activity
</div>
<!-- Copyright -->
<p class="text-muted text-center mt-2 font-italic">

<!--copyright information-->
Copyright &copy; 2020 Game
</p>
</footer>
</div>
<!-- Footer -->


Expand Down