diff --git a/image/R.jpg b/image/R.jpg deleted file mode 100644 index 28db9b3..0000000 Binary files a/image/R.jpg and /dev/null differ diff --git a/index.html b/index.html deleted file mode 100644 index d7b0017..0000000 --- a/index.html +++ /dev/null @@ -1,60 +0,0 @@ - - - - - - Cafe Menu - - - -
-
-

CAMPER CAFE

-

Est. 2020

-
-
-

Coffee

- coffee icon -
-

French Vanilla

3.00

-
-
-

Caramel Macchiato

3.75

-
-
-

Pumpkin Spice

3.50

-
-
-

Hazelnut

4.00

-
-
-

Mocha

4.50

-
-
-
-

Desserts

- pie icon -
-

Donut

1.50

-
-
-

Cherry Pie

2.75

-
-
-

Cheesecake

3.00

-
-
-

Cinnamon Roll

2.50

-
-
-
-
- -
- - \ No newline at end of file diff --git a/myProject SOFTSERVE HTML/css/about-boxing-new.css b/myProject SOFTSERVE HTML/css/about-boxing-new.css new file mode 100644 index 0000000..7e32fdb --- /dev/null +++ b/myProject SOFTSERVE HTML/css/about-boxing-new.css @@ -0,0 +1,151 @@ +.about-boxing-container { + background-image: url("../img/back.png"); + background-size: cover; + background-position: center; + width: 100%; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + height: 100vh; + padding: 95px 32px; + margin: 0 -15px; +} + +.about-boxing-container_content { + padding-left: 15px; + padding-right: 15px; + display: flex; + flex-direction: column; + justify-content: flex-start; + text-align: left; + max-width: 800px; + margin-top: 80px; + margin-bottom: 50px; +} + +.about-boxing__title { + font-family: "Homemade Apple", undefined; + color: var(--red-color); + font-weight: 400; + letter-spacing: 1.3px; + line-height: 37.18px; + font-size: 26px; + text-align: left; + margin-bottom: 10px; +} + +.about-boxing__description-title { + font-family: Rajdhani, sans-serif; + font-size: 47px; + font-weight: 700; + line-height: 1.4; + color: var(--classic-white); + text-align: left; + margin-bottom: 10px; +} + +.about-boxing__description { + font-family: "Roboto", sans-serif; + color: var(--classic-white); + font-weight: 400; + line-height: 1.5; + margin-top: 15px; +} + +.about-boxing__statistics { + margin-top: 15px; +} + +.about-boxing__statistic_title { + font-family: Rajdhani, sans-serif; + font-size: 47px; + font-weight: 700; + line-height: 1.4; + color: var(--classic-white); + text-align: left; + margin-top: 15px; +} + +.about-boxing__list { + list-style: none; + padding: 0; + margin: 0; +} + +.about-boxing__item { + margin: 7.5px; + padding: 10px; + font-size: 16px; + font-family: "Roboto", sans-serif; + color: var(--classic-white); + font-weight: 400; +} + +.about-boxing__item-int { + margin: 7.5px; + padding: 10px; + font-size: 65px; + font-family: "Roboto", sans-serif; + color: var(--red-color); + font-weight: 700; +} + +@media screen and (max-width: 768px) { + .about-boxing-container { + padding: 60px 15px; + } + + .about-boxing-container_content { + max-width: 100%; + margin-top: 30px; + margin-bottom: 30px; + } + + .about-boxing__title { + font-size: 22px; + margin-bottom: 8px; + } + + .about-boxing__description-title { + font-size: 36px; + line-height: 1.2; + margin-bottom: 8px; + } + + .about-boxing__statistics { + margin-top: 10px; + } + + .about-boxing__statistic_title { + font-size: 36px; + line-height: 1.2; + margin-top: 10px; + } +} + +.about-boxing__list { + margin: 0 -7.5px; +} + +.about-boxing__item { + margin: 7.5px; + padding: 10px; + font-size: 14px; +} + +.about-boxing__item-int { + margin: 7.5px; + padding: 10px; + font-size: 45px; +} + +@media screen and (max-width: 350px) { + .about-boxing__item { + font-size: 8px; + } + .about-boxing__title { + margin-top: 15px; + font-size: 16px; + } +} diff --git a/myProject SOFTSERVE HTML/css/about-boxing.css b/myProject SOFTSERVE HTML/css/about-boxing.css new file mode 100644 index 0000000..3197b59 --- /dev/null +++ b/myProject SOFTSERVE HTML/css/about-boxing.css @@ -0,0 +1,151 @@ +.training-methodology-container { + overflow: hidden; +} + +.methodology__block-first, +.methodology__block-second, +.methodology__block-third { + box-sizing: border-box; +} + +.training-methodology-container { + overflow: hidden; +} + +.methodology__content { + display: flex; + flex-direction: row; + flex-basis: 100%; + padding: 55px 120px; +} + +.methodology__svg { + width: 100px; + margin-top: 20px; + margin-left: 40px; +} + +.methodology__caption { + padding: 20px; +} + +.methodology__title-first { + font-family: "Rajdhani", "sans-serif"; + color: var(--classic-white); + font-weight: 700; + font-size: 36px; + margin-top: 20px; +} + +.methodology__title-second { + font-family: "Rajdhani", "sans-serif"; + color: var(--red-color); + font-weight: 700; + font-size: 36px; + margin-top: 20px; +} + +.methodology__description-first { + font-family: "Roboto", sans-serif; + color: var(--classic-white); + font-weight: 400; + font-size: 16px; + line-height: 1.5; + margin-top: 30px; +} + +.methodology__description-second { + font-family: "Roboto", sans-serif; + color: var(--methodology__block-third-background); + font-weight: 400; + font-size: 16px; + line-height: 1.5; + margin-top: 30px; +} + +.methodology__block-first { + display: block; + background-image: url("../img/about-boxing-svg-diare-gloves.png"); + background-color: var(--red-color); + background-size: contain; + background-position: center; + background-repeat: no-repeat; + width: 100%; + height: 100%; +} + +.methodology__block-second { + display: block; + background-color: var(--methodology__block-second-background); + background-image: url("../img/about-boxing-background-grusha.png"); + background-size: contain; + background-position: center; + background-repeat: no-repeat; + width: 100%; + height: 100%; +} + +.methodology__block-third { + display: block; + background-color: var(--methodology__block-third-background); + background-image: url("../img/about-boxing-svg-gloves.png"); + background-size: contain; + background-position: center; + background-repeat: no-repeat; + width: 100%; + height: 100%; +} + +@media (max-width: 768px) { + .training-methodology-container { + overflow: hidden; + } + + .methodology__block-first, + .methodology__block-second, + .methodology__block-third { + box-sizing: border-box; + } + + .training-methodology-container { + overflow: hidden; + } + + .methodology__content { + display: flex; + flex-direction: column; + padding: 55px 20px; + + .methodology__svg { + width: 30%; + margin-top: 20px; + margin-left: 20px; + } + + .methodology__caption { + padding: 20px; + } + + .methodology__title-first, + .methodology__title-second { + font-size: 24px; + margin-top: 10px; + } + + .methodology__description-first, + .methodology__description-second { + margin-top: 20px; + } + + .methodology__block-first, + .methodology__block-second, + .methodology__block-third { + display: block; + background-size: cover; + background-position: center; + background-repeat: no-repeat; + width: 100%; + height: 100%; + } + } +} diff --git a/myProject SOFTSERVE HTML/css/about-us.css b/myProject SOFTSERVE HTML/css/about-us.css new file mode 100644 index 0000000..2a289a6 --- /dev/null +++ b/myProject SOFTSERVE HTML/css/about-us.css @@ -0,0 +1,126 @@ +.about-us-block { + display: flex; + flex-wrap: wrap; + margin-left: -15px; + margin-right: -15px; + justify-content: CENTER; + margin-top: 70px; +} + +.about-us-block__image-container { + flex-basis: 40%; + max-width: 50%; + padding-left: 15px; + padding-right: 15px; + flex-direction: column; + justify-content: flex-start; + margin-bottom:20px; +} + +.about-us-block__img-left { + max-width: 100%; + padding-left: 15px; + padding-right: 15px; +} + +.about-us-block__content { + display: flex; + flex-basis: 50%; + max-width: 50%; + padding-left: 15px; + padding-right: 15px; + flex-direction: column; + justify-content: center; +} + +.about-us-block__text { + padding-left: 15px; + padding-right: 15px; + display: flex; + flex-direction: column; +} + +.about-us-block__title { + font-family: "Homemade Apple", undefined; + color: var(--red-color); + font-weight: 400; + letter-spacing: 1.3px; + line-height: 37.18px; + font-size: 26px; + text-align: left; + margin-bottom: 10px; +} + +.about-us-block__subtitle { + font-family: "Rajdhani", sans-serif; + color: var(--black-color); + font-weight: 700; + line-height: 67px; + margin-bottom: 15px; +} + +.about-us-block__description { + font-family: "Roboto", "sans-serif"; + color: var(--text-description-about-us); + font-weight: 400; + line-height: 24px; + margin-bottom: 20px; +} + +.about-us-block__image { + display: flex; + flex-direction: column; + align-items: flex-start; +} + +.about-us-block__img { + max-width: 10%; +} + +.about-us-block__image-text { + font-family: "Rajdhani", sans-serif; + color: var(--black-color); + font-weight: 400; + line-height: 33px; + font-size: 24px; +} + +.about-us-block__image-text-text { + font-family: "Roboto", "sans-serif"; + color: var(--text-description-about-us); + font-weight: 400; + line-height: 24px; +} + +@media only screen and (max-width: 768px) { + .about-us-block { + margin-top: 40px; + justify-content: flex-start; + } + + .about-us-block__image-container, + .about-us-block__content { + flex-basis: 100%; + max-width: 100%; + padding: 0 15px; + } + + .about-us-block__text { + margin-top: 50px; + } + + .about-us-block__img { + max-width: 20%; + } + + .about-us-block__img, + .about-us-block__image-text, + .about-us-block__image-text-text { + font-size: 18px; + padding: 0 15px; + } + + .about-us-block__title { + font-size: 18px; + } +} diff --git a/myProject SOFTSERVE HTML/css/blog.css b/myProject SOFTSERVE HTML/css/blog.css new file mode 100644 index 0000000..c67068b --- /dev/null +++ b/myProject SOFTSERVE HTML/css/blog.css @@ -0,0 +1,127 @@ + +.blog__title { + font-family: "Homemade Apple", undefined; + color: var(--red-color); + font-weight: 400; + letter-spacing: 1.3px; + line-height: 37.18px; + font-size: 26px; + text-align: center; + margin-top: 50px; +} + +.blog__description { + font-family: Rajdhani, sans-serif; + font-size: 47px; + font-weight: 700; + color: var(--black-color); + text-align: left; + margin-top: 15px; + line-height: 50.2px; + text-align: center; +} + +.blog__description-d { + font-family: Rajdhani, sans-serif; + font-size: 18px; + font-weight: 500; + color: var(--black-color); + text-align: left; + margin-top: 5px; + padding-bottom: 20px; + line-height: 40.2px; + text-align: center; +} + +.blog-posts-container { + display: flex; + gap: 20px; +} + +.blog-post { + flex: 1; + position: relative; + border-radius: 10px; + overflow: hidden; +} + +.blog-post img { + width: 100%; + height: 100%; + object-fit: cover; +} + +.blog-post-1 img { + height: 100%; +} + +.blog-post-2 img, +.blog-post-3 img { + height: 100%; +} + +.blog-post__content { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + padding: 15px; + border-radius: 0 0 10px 10px; + background: rgba(0, 0, 0, 0.5); +} + +.blog-post__date { + font-family: "Roboto", sans-serif; + color: var(--classic-white); + font-weight: 400; + font-size: 16px; + line-height: 1.5; + margin-top: 10px; +} + +.blog-post__title { + font-family: "Roboto", sans-serif; + color: var(--classic-white); + font-weight: 700; + font-size: 24px; + line-height: 33px; + margin-top: 10px; + text-align: left; +} + +.blog-post__read-more { + font-family: "Roboto", sans-serif; + color: var(--classic-white); + font-weight: 700; + font-size: 12px; + line-height: 15px; + margin-top: 10px; + text-align: left; + text-decoration: none; +} + +.blog-post__read-more:hover{ + text-decoration: underline; +} + +@media (max-width: 768px) { + .blog-posts-container { + flex-direction: column; + } + + .blog-post { + width: 100%; + margin-bottom: 20px; + } + + .blog-post__title { + font-size: 18px; + line-height: 24px; + margin-top: 20px; + text-align: center; + } + + .blog-post__read-more { + margin-top: 15px; + } +} \ No newline at end of file diff --git a/myProject SOFTSERVE HTML/css/class-boxing.css b/myProject SOFTSERVE HTML/css/class-boxing.css new file mode 100644 index 0000000..0ae8a45 --- /dev/null +++ b/myProject SOFTSERVE HTML/css/class-boxing.css @@ -0,0 +1,114 @@ +.schedule-block { + background-color: var(--class-boxing-background-color); + padding: 120px 50px; +} + +.schedule__title { + font-family: "Homemade Apple", undefined; + color: var(--red-color); + font-weight: 500; + letter-spacing: 1.3px; + line-height: 37.18px; + font-size: 26px; + text-align: center; + margin-bottom: 10px; +} + +.schedule__subtitle { + font-family: Rajdhani, sans-serif; + font-size: 56px; + font-weight: 700; + color: var(--black-color); + text-align: left; + margin-bottom: 10px; + padding-bottom: 20px; + line-height: 67.2px; + text-align: center; +} + +.schedule__table { + width: 100%; + border-collapse: collapse; + margin-top: 15px; +} + +.schedule__table thead { + font-family: "Rajdhani", sans-serif; + font-size: 24px; + font-weight: 700; + text-align: left; + line-height: 1.4; + color: var(--classic-white); + margin-bottom: 10px; + background-color: var(--red-color); + color: var(--classic-white); +} + +.schedule__table tbody { + font-family: Rajdhani, sans-serif; + font-size: 16px; + font-weight: 400; + color: var(--text-description-about-us); +} + +.schedule__table th, +.schedule__table td { + border: 1px solid var(--text-description-about-us); + padding: 10px; + text-align: left; +} + +.schedule__table th { + background-color: var(--your-th-background-color); + color: var(--your-th-color); + font-weight: bold; +} + +.schedule__table tr { + border-bottom: 1px solid var(--your-border-color); +} + +@media (min-width: 768px) { + .schedule-block { + padding: 50px 20px; + } + + .schedule__title { + font-size: 20px; + } + + .schedule__subtitle { + font-size: 24px; + line-height: 30px; + } + + .schedule__table th, + .schedule__table td { + padding: 8px; + text-align: center; + } +} + +@media (min-width: 320px) { + .schedule-block { + padding: 30px 10px; + } + + .schedule__title { + font-size: 10px; + } + + .schedule__subtitle { + font-size: 20px; + line-height: 25px; + } + + .schedule__table th, + .schedule__table td { + padding: 6px; + } +} + + .schedule__table { + margin-left:-12px; + } diff --git a/myProject SOFTSERVE HTML/css/contacts.css b/myProject SOFTSERVE HTML/css/contacts.css new file mode 100644 index 0000000..342a224 --- /dev/null +++ b/myProject SOFTSERVE HTML/css/contacts.css @@ -0,0 +1,93 @@ +.contacts-block { + background-color: var(--black-color); + color: var(--classic-white); + padding: 50px 0; +} + +.contacts__title { + font-family: "Homemade Apple", undefined; + color: var(--red-color); + font-weight: 400; + letter-spacing: 1.3px; + line-height: 37.18px; + font-size: 36px; + text-align: center; + margin-bottom: 20px; +} + +.contacts__description { + font-family: "Roboto", sans-serif; + font-size: 18px; + font-weight: 400; + line-height: 1.5; + text-align: center; + margin-bottom: 30px; +} + +.contact-details { + display: flex; + justify-content: space-between; + flex-wrap: wrap; +} + +.address, +.phone, +.email { + flex: 0 0 100%; + margin-bottom: 20px; +} + +.address p, +.phone p, +.email p { + margin: 0; +} + +.registration-form { + margin-top: 30px; + text-align: center; +} + +.registration-form form { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + text-align: center; +} + +.registration-form input { + width: 48%; + margin-bottom: 10px; + padding: 10px; + border: 1px solid #ccc; + border-radius: 5px; + box-sizing: border-box; +} + +.registration-form button { + width: auto; + padding: 10px; + background-color: var(--red-color); + color: var(--classic-white); + border: none; + border-radius: 5px; + cursor: pointer; + display: inline-block; + margin: 0 auto; +} + +.registration-form button:hover { + background-color: var(--classic-white); + color: var(--black-color); +} + +/* Медіа-запит для адаптації на екрани менше 768px */ +@media (max-width: 768px) { + .contact-details { + flex-direction: column; + } + + .registration-form input { + width: 100%; + } +} diff --git a/myProject SOFTSERVE HTML/css/do-boxing.css b/myProject SOFTSERVE HTML/css/do-boxing.css new file mode 100644 index 0000000..fce342e --- /dev/null +++ b/myProject SOFTSERVE HTML/css/do-boxing.css @@ -0,0 +1,70 @@ +.go-boxing { + background-image: url("../img/do-boxing-background.png"); + background-size: cover; + background-position: center; + width: 100%; + } + + .go-boxing-content { + padding-top: 150px; + padding-bottom: 150px; + padding-left: 40px; + padding-right: 40px; + display: flex; + justify-content: center; + flex-direction: column; + text-align: center; + } + + .go-boxing__title { + font-family: "Homemade Apple", undefined; + color: var(--classic-white); + font-weight: 400; + letter-spacing: 1.3px; + line-height: 37.18px; + font-size: 26px; + } + + .go-boxing__description { + margin-top: 15px; + font-family: Rajdhani, sans-serif; + font-size: 36px; + font-weight: 700; + line-height: 40px; + color: var(--classic-white); + } + + .go-boxing__learn-more-btn { + color: var(--classic-white); + background-color: var(--black-color); + font-family: Roboto, sans-serif; + display: inline-block; + padding: 15px 30px; + font-size: 13.2px; + font-stretch: 100%; + text-decoration: none; + border: none; + transition: background-color 0.3s, color 0.3s; + margin-top: 10px; + text-align: center; + margin-left: auto; + margin-right: auto; + max-width: 200px; + } + + .go-boxing__learn-more-btn:hover { + color: var(--black-color); + background-color: var(--classic-white); + } + + @media only screen and (max-width: 768px) { + .go-boxing-content { + padding-left: 20px; + padding-right: 20px; + } + + .go-boxing__learn-more-btn { + margin-left: auto; + margin-right: auto; + } + } \ No newline at end of file diff --git a/myProject SOFTSERVE HTML/css/fonts.css b/myProject SOFTSERVE HTML/css/fonts.css new file mode 100644 index 0000000..731bf4a --- /dev/null +++ b/myProject SOFTSERVE HTML/css/fonts.css @@ -0,0 +1 @@ +@import url('https://fonts.googleapis.com/css2?family=Homemade+Apple&family=Rajdhani:wght@700&family=Roboto:wght@100;500&display=swap'); diff --git a/myProject SOFTSERVE HTML/css/footer.css b/myProject SOFTSERVE HTML/css/footer.css new file mode 100644 index 0000000..7de7117 --- /dev/null +++ b/myProject SOFTSERVE HTML/css/footer.css @@ -0,0 +1,82 @@ +.footer { + background-color: var(--black-color); + color: var(--classic-white); + padding: 20px 0; +} + +.footer__container { + display: flex; + justify-content: space-between; + align-items: center; +} + +.footer__logo-img { + display: block; + margin-right: 20px; + margin-left: 20px; +} + +.footer__nav { + display: flex; +} + +.footer__nav-link { + margin-right: 20px; + text-decoration: none; + color: var(--classic-white); + font-weight: 500; + font-size: 14px; +} + +.footer__copyright { + margin-top: 15px; + font-size: 12px; + margin-left: 20px; +} + +.footer__copyright span { + display: block; +} + +.footer__copyright { + margin-top: 15px; + font-size: 12px; + text-align: center; +} + +.footer__nav-link:hover { + text-decoration: underline; +} + +@media (max-width: 768px) { + .footer__container { + flex-direction: column; + text-align: center; + } + + .footer__logo-img { + margin-right: 0; + margin-bottom: 20px; + } + + .footer__nav { + text-align: center; + } +} + +@media (max-width: 420px) { + .footer__nav { + display: flex; + flex-direction: column; + } + + .footer__nav-link { + margin-right: 0; + margin-bottom: 10px; + display: block; + } + + .footer__copyright { + margin-left: 0; + } +} diff --git a/myProject SOFTSERVE HTML/css/global.css b/myProject SOFTSERVE HTML/css/global.css new file mode 100644 index 0000000..3975d94 --- /dev/null +++ b/myProject SOFTSERVE HTML/css/global.css @@ -0,0 +1,23 @@ +@import "fonts.css"; + +* { + margin: 0; + padding: 0; + box-sizing: border-box; + +} + +:root { + --black-color: rgb(0, 0, 0); + --classic-white: rgb(255, 255, 255); + --red-color: rgb(214, 35, 36); + --text-description-about-us: rgb(112, 112, 112); + --methodology__block-second-background: rgb(241, 237, 225); + --methodology__block-third-background: rgb(30, 25, 23); + --class-boxing-background-color: rgb(241, 237, 225); + --background-shadow: rgba(0, 0, 0, 0.7); +} + +.container { + max-width: 1200px; +} diff --git a/myProject SOFTSERVE HTML/css/header.css b/myProject SOFTSERVE HTML/css/header.css new file mode 100644 index 0000000..21a22ec --- /dev/null +++ b/myProject SOFTSERVE HTML/css/header.css @@ -0,0 +1,27 @@ +.bg-body-tertiary { + background-color: var(--black-color) !important; +} + +.nav-link{ + color:var(--classic-white); +} + +.nav-link.active { + color: var(--classic-white) !important; +} + +.nav-link, +.nav-link:hover, +.nav-link:focus { + color: var(--classic-white) !important; +} + +.navbar-toggler-icon { + background-color: var(--classic-white); +} + + +.nav-link:hover { + text-decoration: underline; +} + \ No newline at end of file diff --git a/myProject SOFTSERVE HTML/css/index.css b/myProject SOFTSERVE HTML/css/index.css new file mode 100644 index 0000000..b3165af --- /dev/null +++ b/myProject SOFTSERVE HTML/css/index.css @@ -0,0 +1,16 @@ +@import "global.css"; +@import "header.css"; +@import "title-block.css"; +@import "type-trainings.css"; +@import "about-us.css"; +@import "type-of-training.css"; +@import "about-boxing.css"; +@import "do-boxing.css"; +@import "class-boxing.css"; +@import "our-team.css"; +@import "about-boxing-new.css"; +@import "septimonials.css"; +@import "blog.css"; +@import "logos.css"; +@import "contacts.css"; +@import "footer.css"; diff --git a/myProject SOFTSERVE HTML/css/logos.css b/myProject SOFTSERVE HTML/css/logos.css new file mode 100644 index 0000000..ca629b0 --- /dev/null +++ b/myProject SOFTSERVE HTML/css/logos.css @@ -0,0 +1,11 @@ + +.sponsors-carousel-block { + background-color: var(--class-boxing-background-color); + padding: 50px 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon{ + background-color:var(--black-color); +} + diff --git a/myProject SOFTSERVE HTML/css/our-team.css b/myProject SOFTSERVE HTML/css/our-team.css new file mode 100644 index 0000000..3fb77b2 --- /dev/null +++ b/myProject SOFTSERVE HTML/css/our-team.css @@ -0,0 +1,113 @@ +team-block { + padding: 100px 40px; + text-align: center; +} + +.team__title { + font-family: "Homemade Apple", undefined; + color: var(--red-color); + font-weight: 400; + letter-spacing: 1.3px; + line-height: 37.18px; + font-size: 26px; + text-align: center; + margin-bottom: 10px; + margin-top:80px; +} + +.team__subtitle { + font-family: Rajdhani, sans-serif; + font-size: 56px; + font-weight: 700; + color: var(--black-color); + text-align: left; + margin-bottom: 10px; + padding-bottom: 20px; + line-height: 67.2px; + text-align: center; +} + +.team-members-container { + display: flex; + justify-content: space-around; + margin-top: 20px; + flex-wrap: wrap; +} + +.team-member { + position: relative; + cursor: pointer; + transition: transform 0.3s ease-in-out; + width: 100%; + margin-bottom: 20px; +} + +.team-member:hover { + transform: translateY(-10px); +} + +.team-member__photo { + width: 100%; + height: auto; + border-radius: 5px; + filter: brightness(80%); +} + +.team-member__info { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + background-color: rgba(0, 0, 0, 0.8); + padding: 20px; + border-radius: 5px; + box-shadow: 0 0 10px rgba(255, 255, 255, 0.5); + display: none; +} + +.team-member:hover .team-member__info { + display: block; +} + +.team-member__name, +.team-member__description { + color: var(--classic-white); + text-align: center; +} + +.team-member__name { + font-size: 20px; + margin-bottom: 10px; +} + +.team-member__description { + font-size: 16px; +} + + +@media (min-width: 769px) { + .team-members-container { + flex-direction: row; + align-items: flex-start; + + .team-member { + width: 30%; + } + + .team__title { + font-size: 20px; + } + + .team__subtitle { + font-size: 40px; + } + + .team-member__name { + font-size: 16px; + } + + .team-member__description { + font-size: 14px; + } + } +} diff --git a/myProject SOFTSERVE HTML/css/septimonials.css b/myProject SOFTSERVE HTML/css/septimonials.css new file mode 100644 index 0000000..e836202 --- /dev/null +++ b/myProject SOFTSERVE HTML/css/septimonials.css @@ -0,0 +1,103 @@ +.testimonials-block { + background-color: var(--class-boxing-background-color); + padding: 20px; + width: 100%; + + margin-left: -15px; +} + +.testimonials__title { + font-family: "Homemade Apple", undefined; + color: var(--red-color); + font-weight: 400; + letter-spacing: 1.3px; + line-height: 37.18px; + font-size: 26px; + text-align: center; + margin-top: 10px; +} + +.testimonials__subtitle { + font-family: Rajdhani, sans-serif; + font-size: 56px; + font-weight: 700; + color: var(--black-color); + text-align: left; + margin-bottom: 10px; + padding-bottom: 20px; + line-height: 67.2px; + text-align: center; +} + +.testimonials__description { + font-family: "Roboto", "sans-serif"; + color: var(--text-description-about-us); + font-weight: 400; + line-height: 24px; + margin-bottom: 20px; + text-align: center; +} + +.testimonial-slide { + position: relative; +} + +.testimonial-slide__photo-container { + overflow: hidden; + border-radius: 50%; + margin: 0 auto; +} + +.testimonial-slide__photo { + width: 100%; + height: auto; + border-radius: 50%; +} + +.testimonial-slide__content { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + text-align: center; + width: 90%; + max-width: 400px; +} + +.testimonial-slide__name, +.testimonial-slide__quote, +.testimonial-slide__date { + font-family: "Roboto", "sans-serif"; + color: var(--classic-white); + font-weight: 400; + letter-spacing: 1.3px; + text-align: center; + margin: 0; + padding: 10px; + border-radius: 10px; + word-wrap: break-word; +} + +@media (max-width: 768px) { + .testimonials__subtitle { + font-size: 36px; + line-height: 43.2px; + } + + .testimonial-slide__name, + .testimonial-slide__quote, + .testimonial-slide__date { + font-size: 14px; + padding: 8px; + } +} + +@media (max-width: 497px) { + .testimonial-slide__name, + .testimonial-slide__quote, + .testimonial-slide__date { + font-size: 8px; + padding: 5px; + max-width: 100%; + } +} diff --git a/myProject SOFTSERVE HTML/css/title-block.css b/myProject SOFTSERVE HTML/css/title-block.css new file mode 100644 index 0000000..3868f4b --- /dev/null +++ b/myProject SOFTSERVE HTML/css/title-block.css @@ -0,0 +1,61 @@ +.section-first { + background: url("../img/title_photo.jpg") center/cover no-repeat; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + height: 100vh; + padding-left: 10%; + } + + .section__title { + font-family: "Homemade Apple", undefined; + color: var(--red-color); + font-weight: 400; + letter-spacing: 1.3px; + line-height: 37.18px; + font-size: 26px; + text-align: left; + margin-bottom: 10px; + } + + .section__subtitle { + font-family: Rajdhani, sans-serif; + font-size: 120px; + font-weight: 700; + line-height: 120px; + color: var(--classic-white); + text-align: left; + margin-bottom: 10px; + } + + .cta-button.section__cta-button { + color: var(--classic-white); + background-color: var(--red-color); + font-family: Roboto, sans-serif; + display: inline-block; + padding: 15px 30px; + font-size: 13.2px; + font-stretch: 100%; + text-decoration: none; + border: none; + transition: background-color 0.3s, color 0.3s;} + + .cta-button.section__cta-button:hover { + color: var(--classic-white); + background-color: var(--red-color); + + } + + .cta-button.section__cta-button:hover { + color: var(--black-color); + background-color: var(--classic-white); + } + + + @media (max-width: 767px) { + .section__subtitle { + font-size: 60px; + line-height: 60px; + } + } \ No newline at end of file diff --git a/myProject SOFTSERVE HTML/css/type-of-training.css b/myProject SOFTSERVE HTML/css/type-of-training.css new file mode 100644 index 0000000..494ceb7 --- /dev/null +++ b/myProject SOFTSERVE HTML/css/type-of-training.css @@ -0,0 +1,83 @@ +.training-block { + background-color: var(--black-color); + padding-top: 40px; + padding-bottom: 80px; + + } + + .training-block__text { + text-align: center; + } + + .training-block__title { + font-family: "Homemade Apple", undefined; + color: var(--red-color); + font-weight: 400; + letter-spacing: 1.3px; + line-height: 37.18px; + font-size: 26px; + } + + .training-block__subtitle { + margin-top: 20px; + font-family: Rajdhani, sans-serif; + font-size: 47px; + font-weight: 700; + line-height: 56px; + color: var(--classic-white); + } + + .training-block__description { + margin-top: 15px; + font-family: "Roboto", "sans-serif"; + color: var(--text-description-about-us); + font-weight: 500; + line-height: 28.08px; + font-size: 18px; + } + + .cta-button { + color: var(--classic-white); + background-color: var(--red-color); + font-family: Roboto, sans-serif; + display: inline-block; + padding: 15px 30px; + font-size: 13.2px; + font-stretch: 100%; + text-decoration: none; + border: none; + transition: background-color 0.3s, color 0.3s; + } + + .cta-button:hover { + color: var(--black-color); + background-color: var(--classic-white); + } + + @media screen and (max-width: 768px) { + .training-block__title { + font-size: 20px; + } + + .training-block__subtitle { + font-size: 32px; + line-height: 38px; + } + + .training-block__description { + font-size: 16px; + line-height: 24px; + } + + .cta-button { + padding: 12px 24px; + font-size: 12px; + } + } + + .carousel-caption { + display: block !important; + text-align: center; + } + + \ No newline at end of file diff --git a/myProject SOFTSERVE HTML/css/type-trainings.css b/myProject SOFTSERVE HTML/css/type-trainings.css new file mode 100644 index 0000000..2c72350 --- /dev/null +++ b/myProject SOFTSERVE HTML/css/type-trainings.css @@ -0,0 +1,96 @@ +.photo-block { + font-family: "Times New Roman"; + } + + .photo-block__wrapper { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + margin-top: 50px; + margin-left: -15px; + margin-right: -15px; + } + + .photo-block__item { + flex-basis: calc(33.3333% - 30px); + margin: 0 15px 30px; + } + + .photo-block__item-adults, + .photo-block__item-children, + .photo-block__item-self-defence { + border-radius: 10px; + overflow: hidden; + position: relative; + } + + .photo-block__item img { + width: 100%; + height: 100%; + object-fit: cover; + position: absolute; + top: 0; + left: 0; + z-index: -1; + } + + .photo-block__content { + padding: 20px; + } + + .photo-block__title { + font-family: "Rajdhani", sans-serif; + font-size: 24px; + font-weight: 700; + text-align: left; + line-height: 1.4; + color: var(--classic-white); + margin-bottom: 10px; + } + + .photo-block__description { + font-family: Roboto, sans-serif; + font-size: 14px; + letter-spacing: 1.4px; + line-height: 19.6px; + text-align: left; + color: var(--classic-white); + margin-bottom: 20px; + } + + .photo-block__cta-button { + color: var(--classic-white); + background-color: var(--red-color); + font-family: Roboto, sans-serif; + display: inline-block; + padding: 15px 30px; + font-size: 13.2px; + font-stretch: 100%; + text-decoration: none; + border: none; + transition: background-color 0.3s, color 0.3s; + } + + .photo-block__cta-button:hover { + color: var(--black-color); + background-color: var(--classic-white); + } + + @media (max-width: 768px) { + .photo-block__item { + flex-basis: 100%; + margin-right: 0; + margin-left: 0; + } + } + + .photo-block__item-adults { + background: url("../img/classes_photo_adults.png") center/cover no-repeat; + } + + .photo-block__item-children { + background: url("../img/classes_photo_children.png") center/cover no-repeat; + } + + .photo-block__item-self-defence { + background: url("../img/classes_photo_self-defence.png") center/cover no-repeat;} \ No newline at end of file diff --git a/myProject SOFTSERVE HTML/footer.partial.html b/myProject SOFTSERVE HTML/footer.partial.html new file mode 100644 index 0000000..1bf57a2 --- /dev/null +++ b/myProject SOFTSERVE HTML/footer.partial.html @@ -0,0 +1,24 @@ + diff --git a/myProject SOFTSERVE HTML/header.partial.html b/myProject SOFTSERVE HTML/header.partial.html new file mode 100644 index 0000000..aa0979a --- /dev/null +++ b/myProject SOFTSERVE HTML/header.partial.html @@ -0,0 +1,25 @@ +
+ +
\ No newline at end of file diff --git a/myProject SOFTSERVE HTML/img/about-boxing-background-grusha.png b/myProject SOFTSERVE HTML/img/about-boxing-background-grusha.png new file mode 100644 index 0000000..2401c1b Binary files /dev/null and b/myProject SOFTSERVE HTML/img/about-boxing-background-grusha.png differ diff --git a/myProject SOFTSERVE HTML/img/about-boxing-svg-diare-gloves.png b/myProject SOFTSERVE HTML/img/about-boxing-svg-diare-gloves.png new file mode 100644 index 0000000..e3db033 Binary files /dev/null and b/myProject SOFTSERVE HTML/img/about-boxing-svg-diare-gloves.png differ diff --git a/myProject SOFTSERVE HTML/img/about-boxing-svg-gloves-three.svg b/myProject SOFTSERVE HTML/img/about-boxing-svg-gloves-three.svg new file mode 100644 index 0000000..a213fa8 --- /dev/null +++ b/myProject SOFTSERVE HTML/img/about-boxing-svg-gloves-three.svg @@ -0,0 +1,4 @@ + + + + diff --git a/myProject SOFTSERVE HTML/img/about-boxing-svg-gloves.png b/myProject SOFTSERVE HTML/img/about-boxing-svg-gloves.png new file mode 100644 index 0000000..8e8c5fe Binary files /dev/null and b/myProject SOFTSERVE HTML/img/about-boxing-svg-gloves.png differ diff --git a/myProject SOFTSERVE HTML/img/about-boxing-svg-gloves.svg b/myProject SOFTSERVE HTML/img/about-boxing-svg-gloves.svg new file mode 100644 index 0000000..5ef855b --- /dev/null +++ b/myProject SOFTSERVE HTML/img/about-boxing-svg-gloves.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/myProject SOFTSERVE HTML/img/about-boxing-svg-grusha.svg b/myProject SOFTSERVE HTML/img/about-boxing-svg-grusha.svg new file mode 100644 index 0000000..f3a6650 --- /dev/null +++ b/myProject SOFTSERVE HTML/img/about-boxing-svg-grusha.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/myProject SOFTSERVE HTML/img/about-us-svg-boxer.svg b/myProject SOFTSERVE HTML/img/about-us-svg-boxer.svg new file mode 100644 index 0000000..9cf3e11 --- /dev/null +++ b/myProject SOFTSERVE HTML/img/about-us-svg-boxer.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/myProject SOFTSERVE HTML/img/about-us-svg-gloves.svg b/myProject SOFTSERVE HTML/img/about-us-svg-gloves.svg new file mode 100644 index 0000000..6688573 --- /dev/null +++ b/myProject SOFTSERVE HTML/img/about-us-svg-gloves.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/myProject SOFTSERVE HTML/img/about-us_photo.png b/myProject SOFTSERVE HTML/img/about-us_photo.png new file mode 100644 index 0000000..e9a5f2d Binary files /dev/null and b/myProject SOFTSERVE HTML/img/about-us_photo.png differ diff --git a/myProject SOFTSERVE HTML/img/back.png b/myProject SOFTSERVE HTML/img/back.png new file mode 100644 index 0000000..087f7bc Binary files /dev/null and b/myProject SOFTSERVE HTML/img/back.png differ diff --git a/myProject SOFTSERVE HTML/img/blog-first.png b/myProject SOFTSERVE HTML/img/blog-first.png new file mode 100644 index 0000000..61f87f2 Binary files /dev/null and b/myProject SOFTSERVE HTML/img/blog-first.png differ diff --git a/myProject SOFTSERVE HTML/img/blog-second.png b/myProject SOFTSERVE HTML/img/blog-second.png new file mode 100644 index 0000000..b0dbffe Binary files /dev/null and b/myProject SOFTSERVE HTML/img/blog-second.png differ diff --git a/myProject SOFTSERVE HTML/img/blog-third.png b/myProject SOFTSERVE HTML/img/blog-third.png new file mode 100644 index 0000000..9eaae13 Binary files /dev/null and b/myProject SOFTSERVE HTML/img/blog-third.png differ diff --git a/myProject SOFTSERVE HTML/img/classes_photo_adults.png b/myProject SOFTSERVE HTML/img/classes_photo_adults.png new file mode 100644 index 0000000..a3009b4 Binary files /dev/null and b/myProject SOFTSERVE HTML/img/classes_photo_adults.png differ diff --git a/myProject SOFTSERVE HTML/img/classes_photo_children.png b/myProject SOFTSERVE HTML/img/classes_photo_children.png new file mode 100644 index 0000000..f13558a Binary files /dev/null and b/myProject SOFTSERVE HTML/img/classes_photo_children.png differ diff --git a/myProject SOFTSERVE HTML/img/classes_photo_self-defence.png b/myProject SOFTSERVE HTML/img/classes_photo_self-defence.png new file mode 100644 index 0000000..48041f6 Binary files /dev/null and b/myProject SOFTSERVE HTML/img/classes_photo_self-defence.png differ diff --git a/myProject SOFTSERVE HTML/img/do-boxing-background.png b/myProject SOFTSERVE HTML/img/do-boxing-background.png new file mode 100644 index 0000000..2bbb504 Binary files /dev/null and b/myProject SOFTSERVE HTML/img/do-boxing-background.png differ diff --git a/myProject SOFTSERVE HTML/img/logo-adidas.png b/myProject SOFTSERVE HTML/img/logo-adidas.png new file mode 100644 index 0000000..3e6b484 Binary files /dev/null and b/myProject SOFTSERVE HTML/img/logo-adidas.png differ diff --git a/myProject SOFTSERVE HTML/img/logo-everlast.png b/myProject SOFTSERVE HTML/img/logo-everlast.png new file mode 100644 index 0000000..30d0950 Binary files /dev/null and b/myProject SOFTSERVE HTML/img/logo-everlast.png differ diff --git a/myProject SOFTSERVE HTML/img/logo-logo-logo.svg b/myProject SOFTSERVE HTML/img/logo-logo-logo.svg new file mode 100644 index 0000000..7392001 --- /dev/null +++ b/myProject SOFTSERVE HTML/img/logo-logo-logo.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/myProject SOFTSERVE HTML/img/logo-nike.png b/myProject SOFTSERVE HTML/img/logo-nike.png new file mode 100644 index 0000000..98fd0c4 Binary files /dev/null and b/myProject SOFTSERVE HTML/img/logo-nike.png differ diff --git a/myProject SOFTSERVE HTML/img/logo-power.png b/myProject SOFTSERVE HTML/img/logo-power.png new file mode 100644 index 0000000..0ae9482 Binary files /dev/null and b/myProject SOFTSERVE HTML/img/logo-power.png differ diff --git a/myProject SOFTSERVE HTML/img/logo-true.png b/myProject SOFTSERVE HTML/img/logo-true.png new file mode 100644 index 0000000..7d2ceca Binary files /dev/null and b/myProject SOFTSERVE HTML/img/logo-true.png differ diff --git a/myProject SOFTSERVE HTML/img/logo_header.svg b/myProject SOFTSERVE HTML/img/logo_header.svg new file mode 100644 index 0000000..7392001 --- /dev/null +++ b/myProject SOFTSERVE HTML/img/logo_header.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/myProject SOFTSERVE HTML/img/our-team-first.png b/myProject SOFTSERVE HTML/img/our-team-first.png new file mode 100644 index 0000000..2a80d6c Binary files /dev/null and b/myProject SOFTSERVE HTML/img/our-team-first.png differ diff --git a/myProject SOFTSERVE HTML/img/our-team-second.png b/myProject SOFTSERVE HTML/img/our-team-second.png new file mode 100644 index 0000000..c874552 Binary files /dev/null and b/myProject SOFTSERVE HTML/img/our-team-second.png differ diff --git a/myProject SOFTSERVE HTML/img/our-team-third.png b/myProject SOFTSERVE HTML/img/our-team-third.png new file mode 100644 index 0000000..b8ced1d Binary files /dev/null and b/myProject SOFTSERVE HTML/img/our-team-third.png differ diff --git a/myProject SOFTSERVE HTML/img/septimonials-first-slide.jpg b/myProject SOFTSERVE HTML/img/septimonials-first-slide.jpg new file mode 100644 index 0000000..b3f0bc5 Binary files /dev/null and b/myProject SOFTSERVE HTML/img/septimonials-first-slide.jpg differ diff --git a/myProject SOFTSERVE HTML/img/septimonials-second-slide.jpg b/myProject SOFTSERVE HTML/img/septimonials-second-slide.jpg new file mode 100644 index 0000000..3953384 Binary files /dev/null and b/myProject SOFTSERVE HTML/img/septimonials-second-slide.jpg differ diff --git a/myProject SOFTSERVE HTML/img/septimonials-third-slide.jpg b/myProject SOFTSERVE HTML/img/septimonials-third-slide.jpg new file mode 100644 index 0000000..a222ed2 Binary files /dev/null and b/myProject SOFTSERVE HTML/img/septimonials-third-slide.jpg differ diff --git a/myProject SOFTSERVE HTML/img/title_photo.jpg b/myProject SOFTSERVE HTML/img/title_photo.jpg new file mode 100644 index 0000000..5480a51 Binary files /dev/null and b/myProject SOFTSERVE HTML/img/title_photo.jpg differ diff --git a/myProject SOFTSERVE HTML/img/type-of-training-female.png b/myProject SOFTSERVE HTML/img/type-of-training-female.png new file mode 100644 index 0000000..d391f58 Binary files /dev/null and b/myProject SOFTSERVE HTML/img/type-of-training-female.png differ diff --git a/myProject SOFTSERVE HTML/img/type-of-training-for-adults.png b/myProject SOFTSERVE HTML/img/type-of-training-for-adults.png new file mode 100644 index 0000000..36debc4 Binary files /dev/null and b/myProject SOFTSERVE HTML/img/type-of-training-for-adults.png differ diff --git a/myProject SOFTSERVE HTML/img/type-of-training-for-children.png b/myProject SOFTSERVE HTML/img/type-of-training-for-children.png new file mode 100644 index 0000000..8661a24 Binary files /dev/null and b/myProject SOFTSERVE HTML/img/type-of-training-for-children.png differ diff --git a/myProject SOFTSERVE HTML/img/type-of-training-kikcboxing.png b/myProject SOFTSERVE HTML/img/type-of-training-kikcboxing.png new file mode 100644 index 0000000..9fc997a Binary files /dev/null and b/myProject SOFTSERVE HTML/img/type-of-training-kikcboxing.png differ diff --git a/myProject SOFTSERVE HTML/index.about-boxing-new.partial.html b/myProject SOFTSERVE HTML/index.about-boxing-new.partial.html new file mode 100644 index 0000000..87798c1 --- /dev/null +++ b/myProject SOFTSERVE HTML/index.about-boxing-new.partial.html @@ -0,0 +1,28 @@ +
+
+

About Boxing

+ +

BECOME A CHAMPION!

+

+ Our school offers you training in the best kind of martial arts - boxing. + It is a sport in which you have to move like in dancing and think like in + chess playing. Our coaches will help you not only to keep fit and gain + strength but also develop your thinking. +

+
+

We have trained:

+
    +
  • + 98 Amateur boxers +
    • +
  • + 10 Participants of Olympic + Games +
    • +
  • + 12 Professional boxers +
    • +
+
+
+
diff --git a/myProject SOFTSERVE HTML/index.about-boxing.partial.html b/myProject SOFTSERVE HTML/index.about-boxing.partial.html new file mode 100644 index 0000000..1564f58 --- /dev/null +++ b/myProject SOFTSERVE HTML/index.about-boxing.partial.html @@ -0,0 +1,52 @@ +
+
+
+ Your SVG 1 +
+

PROGRAM

+

+ Our coaches have developed a unique training methodology. In just a + few months, you will see the result. +

+
+
+
+ +
+
+ Your SVG 2 +
+

TECHNIQUES

+

+ The trainers of our school will teach you how to throw kicks + correctly. You will learn techniques of attack and defense. +

+
+
+
+ +
+
+ Your SVG 3 +
+

SUCCESS

+

+ In our school, you will not only learn how to throw kicks effectively + but also how to get in shape and gain strength. +

+
+
+
+
diff --git a/myProject SOFTSERVE HTML/index.about-us.partial.html b/myProject SOFTSERVE HTML/index.about-us.partial.html new file mode 100644 index 0000000..c634875 --- /dev/null +++ b/myProject SOFTSERVE HTML/index.about-us.partial.html @@ -0,0 +1,44 @@ +
+
+ About Us +
+
+
+

About Us

+

PROFESSIONAL BOXING SCHOOL

+

+ Our boxing school offers training for amateurs and professionals. If you + are looking for a way to defend yourself, we will teach you how to dump + anyone with one kick. If you want to get in shape, boxing is the perfect + combination of strength and cardio workouts. Our school has the best + trainers in New York to help you become a really gifted boxer. +

+
+ +
+ Effective Workouts +

Effective workouts

+

+ We offer a universal program for adults and children that will help you + keep fit. +

+
+ +
+ Proper Kicks +

Proper kicks

+

+ We will teach you how to throw kicks properly, and what are the most + effective places to kick. +

+
+
+
diff --git a/myProject SOFTSERVE HTML/index.blog.html b/myProject SOFTSERVE HTML/index.blog.html new file mode 100644 index 0000000..7ae3861 --- /dev/null +++ b/myProject SOFTSERVE HTML/index.blog.html @@ -0,0 +1,39 @@ +
+

Blog

+

RECENT BOXING NEWS

+ +
+
+ Blog Post 1 +
+

March 01, 2022

+

+ Why is boxing effective for a woman's self-defense? +

+ Read more +
+
+ +
+ Blog Post 2 +
+

May 21, 2022

+

+ Different Types of Kicks in Professional Boxing +

+ Read more +
+
+ +
+ Blog Post 3 +
+

July 2, 2022

+

+ Why Is Strategic Thinking Important in Boxing? +

+ Read more +
+
+
+
\ No newline at end of file diff --git a/myProject SOFTSERVE HTML/index.class-boxing.partial.html b/myProject SOFTSERVE HTML/index.class-boxing.partial.html new file mode 100644 index 0000000..d566d0b --- /dev/null +++ b/myProject SOFTSERVE HTML/index.class-boxing.partial.html @@ -0,0 +1,60 @@ +
+

Schedule

+

CHOOSE A CLASS

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
DaysTimeClassCoach
Monday8:00 AM - 9:30 AMAdults Group A KickboxingTom Bellson
Tuesday10:00 AM - 11:30 AMFemale Boxing Children Group ADaniel Jackson
Wednesday6:30 PM - 8:00 PMAdults Group BSusan Hooler
Thursday4:00 PM - 5:30 PMSelf-defenseTom Bellson
Friday7:00 AM - 8:30 AMKickboxing Female BoxingDaniel Jackson
Saturday1:00 PM - 2:30 PMAdults Group B Female BoxingSusan Hooler
Sunday3:30 PM - 5:00 PMAdults Group BTom Bellson
+ +
\ No newline at end of file diff --git a/myProject SOFTSERVE HTML/index.contacts.partial.html b/myProject SOFTSERVE HTML/index.contacts.partial.html new file mode 100644 index 0000000..dcb7923 --- /dev/null +++ b/myProject SOFTSERVE HTML/index.contacts.partial.html @@ -0,0 +1,44 @@ +
+

Contacts

+

+ ASK US ANYTHING. Feel free to contact us to ask any question or sign up for + a lesson: +

+ +
+
+

Address: 104-58 109th St, Jamaica, NY 11419, USA

+
+ +
+

Contacts: +1 (234) 567 89 00

+
+ + +
+ +
+
+ + + + + + +
+
+
diff --git a/myProject SOFTSERVE HTML/index.do-boxing.partial.html b/myProject SOFTSERVE HTML/index.do-boxing.partial.html new file mode 100644 index 0000000..e167a74 --- /dev/null +++ b/myProject SOFTSERVE HTML/index.do-boxing.partial.html @@ -0,0 +1,9 @@ +
+
+

Go Boxing

+

+ Learn how to box from professional boxers. +

+ Learn More +
+
diff --git a/myProject SOFTSERVE HTML/index.html b/myProject SOFTSERVE HTML/index.html new file mode 100644 index 0000000..6f5be78 --- /dev/null +++ b/myProject SOFTSERVE HTML/index.html @@ -0,0 +1,58 @@ + + + + + + Boxing School Website Template Demo + + + + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + + + + diff --git a/myProject SOFTSERVE HTML/index.logos.partial.html b/myProject SOFTSERVE HTML/index.logos.partial.html new file mode 100644 index 0000000..9ef0ed9 --- /dev/null +++ b/myProject SOFTSERVE HTML/index.logos.partial.html @@ -0,0 +1,31 @@ +
+
+ +
+
\ No newline at end of file diff --git a/myProject SOFTSERVE HTML/index.our-team.html b/myProject SOFTSERVE HTML/index.our-team.html new file mode 100644 index 0000000..276bd1c --- /dev/null +++ b/myProject SOFTSERVE HTML/index.our-team.html @@ -0,0 +1,48 @@ +
+

TEAM

+

MEET OUR COACHES

+ +
+
+ Tom Bellson +
+

Tom Bellson

+

Tom is a WWDC champion of 2005, 2007, and 2010. Now he trains adults and children with great pleasure.

+
+
+ +
+ Susan Hooler +
+

Susan Hooler

+

Susan is one of the most experienced female boxing trainers, and a worldwide champion. Now she coaches self-defense, children, and female boxing groups.

+
+
+ +
+ Daniel Jackson +
+

Daniel Jackson

+

Daniel has had an extensive kickboxing career, and now he is one of the most experienced coaches in our school. He coaches kickboxing and adult groups.

+
+
+
+
\ No newline at end of file diff --git a/myProject SOFTSERVE HTML/index.septimonials.partial.html b/myProject SOFTSERVE HTML/index.septimonials.partial.html new file mode 100644 index 0000000..80da039 --- /dev/null +++ b/myProject SOFTSERVE HTML/index.septimonials.partial.html @@ -0,0 +1,107 @@ +
+
+

Testimonials

+

OUR BOXERS ABOUT US

+

+ These people below are not just our students, they are our family. +

+
+
+ +
+
diff --git a/myProject SOFTSERVE HTML/index.title.partial.html b/myProject SOFTSERVE HTML/index.title.partial.html new file mode 100644 index 0000000..7761dc7 --- /dev/null +++ b/myProject SOFTSERVE HTML/index.title.partial.html @@ -0,0 +1,8 @@ +
+

+ Become a champion at
+ BOXING
+ SCHOOL! +

+ Free Training +
\ No newline at end of file diff --git a/myProject SOFTSERVE HTML/index.training-price.partial.html b/myProject SOFTSERVE HTML/index.training-price.partial.html new file mode 100644 index 0000000..e69de29 diff --git a/myProject SOFTSERVE HTML/index.type-of-training.html b/myProject SOFTSERVE HTML/index.type-of-training.html new file mode 100644 index 0000000..e89c3d6 --- /dev/null +++ b/myProject SOFTSERVE HTML/index.type-of-training.html @@ -0,0 +1,57 @@ +
+
+

Training

+

JOIN OUR CLASSES

+

Choose any class and start boxing from the very first training!

+
+ +
diff --git a/myProject SOFTSERVE HTML/index.type-trainings.partial.html b/myProject SOFTSERVE HTML/index.type-trainings.partial.html new file mode 100644 index 0000000..17df22a --- /dev/null +++ b/myProject SOFTSERVE HTML/index.type-trainings.partial.html @@ -0,0 +1,27 @@ +
+
+
+
+

ADULTS

+

Learn how to box at our school. Sign up for a trial training!

+ Learn more +
+
+ +
+
+

CHILDREN

+

Your child will be strong, sturdy, and awaiting training eagerly.

+ Learn more +
+
+ +
+
+

SELF-DEFENCE

+

The ability to defend yourself will never be superfluous.

+ Learn more +
+
+
+
\ No newline at end of file diff --git a/myProject SOFTSERVE HTML/js/index.js b/myProject SOFTSERVE HTML/js/index.js new file mode 100644 index 0000000..af3d2af --- /dev/null +++ b/myProject SOFTSERVE HTML/js/index.js @@ -0,0 +1,11 @@ +document.addEventListener('partialsLoaded', () => { + Promise.all([ + import('./script-header.js'), + ]) + .then(() => { + console.log('All scripts loaded successfully'); + }) + .catch(error => { + console.error('Error loading scripts:', error); + }); +}); \ No newline at end of file diff --git a/myProject SOFTSERVE HTML/js/script-header.js b/myProject SOFTSERVE HTML/js/script-header.js new file mode 100644 index 0000000..e69de29