diff --git a/cook.html b/cook.html new file mode 100644 index 0000000..a684c72 --- /dev/null +++ b/cook.html @@ -0,0 +1,165 @@ + + + + + + + + + + + + + + + + + +
+ + + + +
+ +

Cook List + + +

+ +
+ +
+ + +
+ + + +
+
+
+ + + + + + + + + \ No newline at end of file diff --git a/css/cook.css b/css/cook.css new file mode 100644 index 0000000..c68d306 --- /dev/null +++ b/css/cook.css @@ -0,0 +1,31 @@ +#banner { + background: url("https://i.postimg.cc/YSqd0Zsd/cook.jpg") no-repeat; + background-size: cover; + height: 450px; + background-position: 0 0; +} + +@media screen and (max-width: 768px) { + #banner { + background-size: cover; + height: 300px; + background-position: right bottom; + } + + #banner h1 { + font-size: 3.2rem !important; + } + + #banner p { + padding: 0.5rem; + text-align: center; + } +} + +h5.card-title { + line-height: 1.6rem; +} + +#footer a { + padding: 0.8rem; +} diff --git a/css/home.css b/css/home.css index 4c922e8..e6b89a7 100644 --- a/css/home.css +++ b/css/home.css @@ -36,6 +36,7 @@ body { .section.bg { background: #dfdfdf; } + /* Header */ @@ -60,7 +61,7 @@ body { box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.8); } -.header.small > .container > #logo { +.header.small>.container>#logo { height: 40px; } @@ -101,14 +102,16 @@ ul.nav li a { color: initial; text-decoration: initial; } + /* Slider */ -.section{ +.section { background-color: white; - height: 660px; + height: 50%; } + .section .footer { background: #333; } @@ -123,12 +126,13 @@ ul.nav li a { font-weight: normal; letter-spacing: 1px; } -.slider{ + +.slider { height: 670px; - background: linear-gradient(to bottom, #262673,#333399, #ff99cc) + background: linear-gradient(to bottom, #262673, #333399, #ff99cc) } -.second{ +.second { height: 950px; } @@ -170,6 +174,7 @@ h1.hero:after { background: rgba(255, 255, 255, 0.1); cursor: pointer; } + /* Columns */ @@ -182,8 +187,8 @@ h1.hero:after { } .col.four { - width: 23%; - margin: 0 1%; + width: 20%; + margin: 0 0; } .col.three { @@ -250,12 +255,12 @@ h1.hero:after { width: 50px; } -.col:hover > .icon { +.col:hover>.icon { background: blue; color: white; } -.col:hover > .icon.side { +.col:hover>.icon.side { background: initial; color: initial; } @@ -263,6 +268,7 @@ h1.hero:after { .responsivegroup { display: none; } + /* Column specifics */ @@ -299,16 +305,17 @@ h1.hero:after { .col span.feature { font-size: 20px; } + /* Text */ -.container > h1:not(.hero) { +.container>h1:not(.hero) { margin-bottom: 30px; text-align: center; } -.container > h1:after { +.container>h1:after { content: ""; width: 30px; position: relative; @@ -327,8 +334,8 @@ h2 { } .left, -.left > h1, -.left > p { +.left>h1, +.left>p { text-align: left; } @@ -339,6 +346,7 @@ h2 { .reset:after { display: none !important; } + /* Slider with Content */ @@ -350,6 +358,7 @@ h2 { .white a { color: #fff; } + /* Responsive */ @@ -364,10 +373,12 @@ h2 { .container { width: 95%; } + .col.four { width: 48%; margin: 1%; } + .col.three { display: block; width: 95%; @@ -375,10 +386,12 @@ h2 { margin: 0 auto; float: none; } + .header { height: auto; background: #eee; } + #logo { position: initial; float: none; @@ -386,19 +399,23 @@ h2 { transform: none; margin: 10px auto 0 auto; } + ul.nav { float: none; display: block; text-align: center; margin: 0 auto; } + ul.nav li { float: initial; display: inline-block; } + .responsivegroup { display: block; } + .responsivegroup:after { content: ""; display: table; @@ -425,17 +442,23 @@ h2 { } @media all and (max-width:450px) { - .col, .col.four, .col.three, .col.two { + + .col, + .col.four, + .col.three, + .col.two { display: block; width: 95%; padding: 0; margin: 0 auto; float: none; } + .col.extrapad { padding: 1%; margin-bottom: 10px; } + .group { display: none; } diff --git a/dance.html b/dance.html index 5b14a34..229c8f8 100644 --- a/dance.html +++ b/dance.html @@ -1,27 +1,82 @@ + - - - - - + + + + + + - - - - -
- - - - -
- -

Dance List - -

- -
- -
- -
- - image -
- -
- Hip-hop -
- - - - +
+ + +
+ +

Dance List + +

+ +
+ +
+ + +
+ + - - - - More info - - -
-
+
+
- + - - - \ No newline at end of file + \ No newline at end of file diff --git a/game.html b/game.html index d8b2cf9..8e78f66 100644 --- a/game.html +++ b/game.html @@ -1,27 +1,30 @@ + - - - - - + + + + + + - - - - -
- - - - -
- -

Game List - -

- -
- -
- -
- - image -
- -
- Call Of Duty -
- - - - + + + + + +
+ + +

+ make the game with dedication and + +

+
+ + +
+ +

Game List + +

+ +
+ +
+ + +
+ + + +
-
-
+ - - - - \ No newline at end of file + \ No newline at end of file diff --git a/home.html b/home.html index 686e8e5..3589594 100644 --- a/home.html +++ b/home.html @@ -1,5 +1,14 @@ + + + + + + + Home + @@ -11,65 +20,131 @@ } Home + +
-
-
- +
+
+ + + +
-
-
-
-
-

Play
Activity

- - - +
-
-
-
-
-

-

Sports

-

An activity involving physical exertion and skill in which an individual or team competes against another or others for entertainment.

-
-
-

-

Music

-

Vocal or instrumental sounds (or both) combined in such a way as to produce beauty of form, harmony, and expression of emotion.

-
-
-
-

-

Dance

-

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

-
-
-

-

Game

-

An activity that one engages in for amusement or fun. Eager or willing to do something new or challenging work

+
+
+
+

+

Sports

+

An activity involving physical exertion and skill in which an individual or team competes against another or + others for entertainment.

+
+
+

+

Music

+

Vocal or instrumental sounds (or both) combined in such a way as to produce beauty of form, harmony, and + expression of emotion.

+
+
+
+

+

Dance

+

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

+
+
+

+

Game

+

An activity that one engages in for amusement or fun. Eager or willing to do something new or challenging + work

+
+
+

+

Cook

+

Learning to cook will help you understand world cultures, customs and flavors. You will also learn life + skills like eating healthy, budgeting your money, and cleaning.

+
+
+ +
+ + +
+
+

Importance

+

Why activity is important

+
+
+

+ +

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. ..

+
+
+

+ +

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

+
+
+
+

+ +

Through dance, students learn teamwork, focus, and improvisational skills.Dance awakens new + perceptions in children which help them learn and think in new ways

+
+
+

+ +

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.

+
+
+
+

+ +

Cooking will boost your self-esteem. You will learn proper planning and preparation skills to + see a task through from start to finish while contributing in a positive way to the health of your family and + friends.

+
+
+

Books

@@ -112,10 +187,9 @@

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.

+
-
-
@@ -171,23 +245,25 @@

- - - + + + + + - \ No newline at end of file + \ No newline at end of file diff --git a/sport.html b/sport.html index 1280cae..f17346e 100644 --- a/sport.html +++ b/sport.html @@ -1,27 +1,82 @@ + - - - - - + + + + + + - -
- - - - - -
- - - + + -
+
+ +

Sport List + +

+ +
+ +
+ + +
-

Sport List - -

- -
-
- -
+
+
+ + + - - - \ No newline at end of file + \ No newline at end of file