From 9c63a1fe0da9275330fa073c34fe27bfad56b85f Mon Sep 17 00:00:00 2001 From: xfrogz Date: Mon, 5 Oct 2020 00:41:35 -0500 Subject: [PATCH] dev-nekko add a new page and some information of that page --- cook.html | 165 ++++++++++++++++++++++++++++++++ css/cook.css | 31 +++++++ css/home.css | 53 ++++++++--- dance.html | 253 ++++++++++++++++++++++++++------------------------ game.html | 258 ++++++++++++++++++++++++++------------------------- home.html | 222 +++++++++++++++++++++++++------------------- sport.html | 250 ++++++++++++++++++++++++++----------------------- 7 files changed, 757 insertions(+), 475 deletions(-) create mode 100644 cook.html create mode 100644 css/cook.css 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 ac350dd..4336abe 100644 --- a/dance.html +++ b/dance.html @@ -1,141 +1,152 @@ + - - - - - + + + + + + - - - - -
- - - - -
- -

Dance List - -

- -
- -
- - + + + +
+ +

Dance List + +

+ +
+ +
+ + +
+ + +
+
+
- + - - - \ No newline at end of file + \ No newline at end of file diff --git a/game.html b/game.html index 050f7d5..0f47d66 100644 --- a/game.html +++ b/game.html @@ -1,145 +1,153 @@ + - - - - - + + + + + + - - - - -
- - - - -
- -

Game List - -

- -
- -
- - + + + + + +
+ + + + +
+ +

Game List + +

+ +
+ +
+ + +
+ + +
+
+
- +
-
+

-

-
- - - - - - - - - - - - -
-

- - Copyright © 2020 Game -

- - - - \ No newline at end of file + \ No newline at end of file diff --git a/home.html b/home.html index fcfb21d..1c2c0d8 100644 --- a/home.html +++ b/home.html @@ -1,123 +1,153 @@ - - - - - -Home + + + + + + + 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.

+ + +
+
+

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.

+
+
-
-
- - - + + + - \ No newline at end of file + \ No newline at end of file diff --git a/sport.html b/sport.html index fad8bd1..81032f9 100644 --- a/sport.html +++ b/sport.html @@ -1,138 +1,152 @@ + - - - - - + + + + + + - - - - -
- - - - -
- -

Sport List - -

- -
- -
- - + + + +
+ +

Sport List + +

+ +
+ +
+ + +
+ + +
+
+
- +
- +

-

+ + Copyright © 2020 +

+
-
- - - - - - - - - - - - -
-

- - Copyright © 2020 -

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