diff --git a/About.html b/About.html new file mode 100644 index 0000000..6d4ddc6 --- /dev/null +++ b/About.html @@ -0,0 +1,193 @@ + + + + + + + + + + + Website + + + + +
+

About us

+

+ Welcome to Little Stars. A school with a true heart and soul. Our + programs incorporate dynamic classroom instruction with caring, + qualified teachers and enriching indoor and outdoor play experiences. We + know that these first experiences within a school setting will have a + long lasting impact on children’s future learning. We embrace a + philosophy of education that combines a nurturing, inclusive learning + environment with an increasingly challenging academic program that + addresses the developmental needs of each child. In addition to + academics – social and emotional well-being also plays a significant + role in a child’s development. Our curriculum, various activities, and + daily experiences provide children with opportunities for a fun, + enriching and exciting time while they make long lasting relationships. + We create a positive environment which encourages children to explore + their surroundings on a daily basis. Upon completion of our program, we + believe that your child’s well-rounded experiences will provide them the + necessary strengths for emotional, social, cognitive, gross/fine motor, + and academic excellence. +

+

A History of Excellence

+

+ For over 20 years Little Stars has started children off on a lifetime of + learning in a nurturing educational environment where each child feels + happy, respected, proud, secure and loved. Ours was the first school in + Romania to attain elite accreditation by the National Association for + the Education of Young Children (NAEYC). Since then we have maintained + continuous accreditation by meeting all ten Early Childhood Program + Standards – with over 400 individual criteria. This history has + culminated in an organization that provides children and families the + individual attention they need while providing world-class resources and + an extensive scope of early childhood programs. +

+

Diversity

+

+ Little Stars’s commitment to diversity is integral to the mission of the + school. The different perspectives and experiences of our families + define the fabric of our community. These many perspectives and + experiences contribute to the growth of each child and help form their + vision of the world. The vibrancy and vitality we feel at Turtle Rock + comes from the people who are here. At its root are the varied interests + and experiences, the different backgrounds, cultures, religions, views, + and perspectives that our children, staff and families bring to the + school. Each of us adds to the richness of another’s experience. + Working, learning and playing together teaches us lifelong lessons about + appreciating each other, about knowing and understanding each other, + about learning from each other. +

+
+ + + + +
+
+ + diff --git a/Background1.jpg b/Background1.jpg new file mode 100644 index 0000000..b7816b9 Binary files /dev/null and b/Background1.jpg differ diff --git a/Background2.png b/Background2.png new file mode 100644 index 0000000..bcb8ae6 Binary files /dev/null and b/Background2.png differ diff --git a/Background3.jpg b/Background3.jpg new file mode 100644 index 0000000..70ebb22 Binary files /dev/null and b/Background3.jpg differ diff --git a/Background4.jpg b/Background4.jpg new file mode 100644 index 0000000..5b3dc7c Binary files /dev/null and b/Background4.jpg differ diff --git a/Background5.jpg b/Background5.jpg new file mode 100644 index 0000000..bb67c78 Binary files /dev/null and b/Background5.jpg differ diff --git a/Background6.jpg b/Background6.jpg new file mode 100644 index 0000000..8470767 Binary files /dev/null and b/Background6.jpg differ diff --git a/Children.html b/Children.html new file mode 100644 index 0000000..4c673de --- /dev/null +++ b/Children.html @@ -0,0 +1,77 @@ + + + + + + + Website + + + + +
+ +
+ + diff --git a/Competitions.html b/Competitions.html new file mode 100644 index 0000000..b202947 --- /dev/null +++ b/Competitions.html @@ -0,0 +1,77 @@ + + + + + + + Website + + + + +
+ +
+ + diff --git a/Contact.html b/Contact.html new file mode 100644 index 0000000..e6a8574 --- /dev/null +++ b/Contact.html @@ -0,0 +1,159 @@ + + + + + + + + Website + + + +
+

CONTACT US

+

+

+

+ +
+ 075 444 365 + littlestars@gmail.com +
+
+ + diff --git a/Earthday.html b/Earthday.html new file mode 100644 index 0000000..ba80239 --- /dev/null +++ b/Earthday.html @@ -0,0 +1,77 @@ + + + + + + + Website + + + + +
+ +
+ + diff --git a/Kinder1.jpeg b/Kinder1.jpeg new file mode 100644 index 0000000..17036d9 Binary files /dev/null and b/Kinder1.jpeg differ diff --git a/Kinder2.png b/Kinder2.png new file mode 100644 index 0000000..f7eef99 Binary files /dev/null and b/Kinder2.png differ diff --git a/Offers.html b/Offers.html new file mode 100644 index 0000000..78a7910 --- /dev/null +++ b/Offers.html @@ -0,0 +1,146 @@ + + + + + + + Website + + + + +
+
+

Toddler Program (1-2 years old)

+

+ They’re on the move! We have a safe (and fun!) environment for + toddlers to explore. Everything in our toddler classroom is designed + for little explorers. That’s because a lot is going on at this age. + When your child is wandering all over the place, that means they’re + learning and discovering new things every day. At KinderCare, we put + safety first to protect our families and staff. Visit our health and + safety page to learn more. +

+
+
+

Preschool Program (3-4 years old)

+

+ Welcome to preschool, where we get them ready for what comes next … + “big kid school!” This age is all about expression, when kids really + start to form their own ideas about what they want to play and how + they want to create. Every day in our preschool classroom, your child + will explore science experiments, create artwork, and play pretend—all + the skills needed for their big next step: kindergarten! At + KinderCare, we put safety first to protect our families and staff. + Visit our health and safety page to learn more. +

+
+
+

PreKindergarten Program (4-5 years old)

+

+ It’s their senior year of preschool! We get them ready for the years + ahead. When you walk into one of our pre-K classrooms, you’ll see + artwork and writing displayed around the room. Labels are everywhere + to help kids connect letters with words. You’ll also see pictures on + the walls that reflect the families in our community. At KinderCare, + we put safety first to protect our families and staff. Visit our + health and safety page to learn more. +

+
+
+

KinderCare Kindergarten (5-6 years old)

+

+ Their futures are looking bright! With us, they’ll be more than + prepared for school. Welcome to kindergarten: the gateway to grade + school and everything that comes next! Offered in select centers, our + kindergarten programs have small class sizes and curriculums that mix + learning and fun. At Little Stars, we put safety first to protect our + families and staff. Visit our health and safety page to learn more. +

+
+
+ + diff --git a/README.md b/README.md index a94592b..08bf4d0 100644 --- a/README.md +++ b/README.md @@ -1,14 +1,2 @@ -# Proiect HTML+CSS -Acesta este un repo la care vreau să faceți Pull Request cu proiectul vostru în HTML și CSS. - -**Cum faci** -1. Faci fork -2. Adaugi fișierele în proiect -3. Faci commit-uri atât cât ai nevoie -4. Faci push pe Repo-ul tău -5. Intri la Pull Requests, apeși [`New Pull Request`](https://github.com/ITSchool-Web-Heroines/Proiect-HTML-CSS/compare) -6. în dreapta, alegi repo-ul tău și branch-ul tău -7. în stânga, alegi `ITSchool-Web-Heroines/Proiect-HTML-CSS` și branch-ul `master` -8. Apeși `Create pull request` -9. Pui în titlu numele tău, și dacă e nevoie de ceva detalii la comentarii. -10. Apeși `Create pull request` +# Project1 +Created with CodeSandbox diff --git a/Teacher1.jpg b/Teacher1.jpg new file mode 100644 index 0000000..11a9390 Binary files /dev/null and b/Teacher1.jpg differ diff --git a/Teacher2.jpg b/Teacher2.jpg new file mode 100644 index 0000000..d165f70 Binary files /dev/null and b/Teacher2.jpg differ diff --git a/Teacher3.jpg b/Teacher3.jpg new file mode 100644 index 0000000..f85589c Binary files /dev/null and b/Teacher3.jpg differ diff --git a/Teacher4.png b/Teacher4.png new file mode 100644 index 0000000..65ba7b3 Binary files /dev/null and b/Teacher4.png differ diff --git a/Teacher5.jpg b/Teacher5.jpg new file mode 100644 index 0000000..84b74e7 Binary files /dev/null and b/Teacher5.jpg differ diff --git a/Teachers.html b/Teachers.html new file mode 100644 index 0000000..4d5bd7c --- /dev/null +++ b/Teachers.html @@ -0,0 +1,112 @@ + + + + + + + Teachers + + + +
+
+
+
+

+ Miss Keith holds a Montessori Diploma and joined Little Stars in + 2010. Miss Kay believes passionately in supporting children and + parents. +

+ +
+
+

+ Miss Henry holds a BA Hons degree in Geography and joined Young England in 2013 as + School Business Manager and works across admissions, HR and marketing. +

+ +
+ +
+

+ Mr Cappell from Studio Cultivate teaches the children to explore the wondrous natural processes that create and sustain the world in which we live. +

+ +
+
+

+ Coach Matt from Playball introduces children to constructive and + enjoyable sport participation through various age-appropriate + programmes.

+ +

+
+
+

+ Prior to joining Little Stars in April 2019, Miss Evans spent six years teaching in two nursery schools. She is a Group Teacher for the morning and afternoon sessions and our SENDCO (accredited). +

+ +
+
+
+
+ + diff --git a/Trips.html b/Trips.html new file mode 100644 index 0000000..df41a01 --- /dev/null +++ b/Trips.html @@ -0,0 +1,77 @@ + + + + + + + Website + + + + +
+ +
+ + diff --git a/Welcome.png b/Welcome.png new file mode 100644 index 0000000..667dac1 Binary files /dev/null and b/Welcome.png differ diff --git a/index.html b/index.html index 9416137..67154c8 100644 --- a/index.html +++ b/index.html @@ -1,75 +1,79 @@ - - - - - - Proiect HTML+CSS - - - -

Cornel

- -

Cerințele proiectului

- - + + + + + + + + + + + + Little Stars + + +
+

Little Stars

+ + +

+ The Little Stars is located at the top end of Jupiter High Street, + making it an ideal location for families living in Merry Hill, Notting + Hill, Holland Park and South Kensington. Children can start at the age + of one and stay with us until the age of six. Our spacious classrooms + are bright and airy, and provide the children with ample room for all + the activities our nursery offers. We have strong ties with many of the + leading private schools in London and we will prepare your child for + entry into the school of your choice. Our goal is to provide a safe and + caring environment, where children can gain a positive approach to + school and learning. They will learn to care for, and respect each + other, whilst learning how to be part of a group. +

+ +

+ Good nursery education is crucial to a child's formative years, and + fosters an enthusiasm and confidence that will remain with them + throughout their school life. Our experienced and dedicated staff help + the children to become successful learners, confident individuals, and + caring contributors to society. The children learn through play and + structured lessons, with a balance of free choice. It is widely accepted + that children in this age group absorb and achieve more than at any + other stage in their school life, and this makes choosing the right + nursery school vital. +

+ +
+ Contact Us +
+
+ diff --git a/package.json b/package.json new file mode 100644 index 0000000..d8fba14 --- /dev/null +++ b/package.json @@ -0,0 +1,24 @@ +{ + "name": "website-project", + "version": "1.0.0", + "description": "", + "main": "index.html", + "scripts": { + "start": "serve", + "build": "echo This is a static template, there is no bundler or bundling involved!" + }, + "repository": { + "type": "git", + "url": "git+https://github.com/codesandbox-app/static-template.git" + }, + "keywords": [], + "author": "Ives van Hoorne", + "license": "MIT", + "bugs": { + "url": "https://github.com/codesandbox-app/static-template/issues" + }, + "homepage": "https://github.com/codesandbox-app/static-template#readme", + "devDependencies": { + "serve": "^11.2.0" + } +} \ No newline at end of file diff --git a/sandbox.config.json b/sandbox.config.json new file mode 100644 index 0000000..5866ed7 --- /dev/null +++ b/sandbox.config.json @@ -0,0 +1,3 @@ +{ + "template": "static" +} diff --git a/style.css b/style.css new file mode 100644 index 0000000..f07ef23 --- /dev/null +++ b/style.css @@ -0,0 +1,335 @@ +body { + background-image: url("Background1.jpg"); + background-repeat: repeat; + background-size: cover; +} + +.container { + box-sizing: border-box; + position: fixed; + border-style: solid; + border-radius: 1rem; + width: 80vw; + height: 40rem; + padding: 0.5rem 1rem; + inset-block-start: 50%; + inset-inline-start: 50%; + transform: translate(-50%, -50%); + display: flex; + flex-direction: column; + overflow-y: scroll; + backdrop-filter: blur(1rem); +} + +h1 { + font-family: "Frijole", cursive; + display: flex; + align-items: center; + justify-content: center; +} + +.menu { + font-family: "Dancing Script", cursive; + display: inline-block; + gap: 2rem; +} + +.menu-item { + text-decoration: none; + color: black; + padding: 0.75rem 2rem; + font-weight: bold; + border-style: hidden; +} + +.menu-item.active { + background-color: rgba(19, 91, 104, 0.9); +} + +.menu-item.active2 { + background-color: rgba(19, 91, 104, 0.7); +} + +.menu-item.active3 { + background-color: rgba(19, 91, 104, 0.5); +} + +.dropdown { + position: relative; + display: inline-block; +} + +.menu-item:hover { + border: none; + background: rgba(0, 0, 0, 0.4); + background: #fff; + color: #1b1b1b; +} + +.dropbtn { + background-color: rgba(19, 91, 104, 0.3); + text-decoration: none; + padding: 1rem 2.7rem; + font-weight: bold; + height: 2.7rem; + font-family: "Dancing Script", cursive; + border-style: hidden; +} + +.dropdown-content { + display: none; + position: absolute; + background-color: #f1f1f1; + min-width: 10rem; + box-shadow: 0rem 0.5rem 1rem 0rem rgba(0, 0, 0, 0.2); + z-index: 1; + font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif; +} + +.dropdown-content a { + color: black; + text-decoration: none; + display: flex; + justify-content: flex-start; + margin-inline-start: 0.6rem; +} + +.dropdown-content a:hover { + background: rgba(19, 91, 104, 0.1); +} + +.dropdown:hover .dropdown-content { + display: block; +} + +.dropdown:hover .dropbtn { + border: none; + background: rgba(0, 0, 0, 0.4); + background: #fff; + color: #1b1b1b; +} + +.content2 { + margin-block-start: 3rem; + display: flex; + align-items: flex-end; + justify-content: center; +} + +.btn-am { + color: black; + background-color: white; + text-decoration: none; + padding: 0.5rem 1rem; + border-radius: 0.5rem; + margin-block-start: 0.7rem; + font-size: 1.1rem; + align-self: stretch; + text-align: center; +} + +.btn-am:active { + cursor: pointer; + outline: none; + background-color: #3e8e41; + -webkit-transition: left 2s ease-in-out; + -moz-transition: left 2s ease-in-out; + -ms-transition: left 2s ease-in-out; + -o-transition: left 2s ease-in-out; + transition: left 2s ease-in-out; +} + +p { + font-size: 1.5rem; + display: flex; + align-items: center; + justify-content: center; + font-family: "Indie Flower", cursive; +} + +.Welcome { + width: 100%; + height: auto; + margin-block-start: 1.5rem; +} + +.Kinder1 { + width: 100%; + height: auto; +} + +.Kinder2 { + width: 100%; + height: auto; +} + +.Welcome:hover { + animation: shake 0.5s; + animation-iteration-count: infinite; +} + +@keyframes shake { + 0% { + transform: translate(0.05rem, 0.05rem) rotate(0deg); + } + 10% { + transform: translate(-0.05rem, -0.15rem) rotate(-1deg); + } + 20% { + transform: translate(-2rem, 0rem) rotate(1deg); + } + 30% { + transform: translate(2rem, 0.125rem) rotate(0deg); + } + 40% { + transform: translate(0.05rem, -0.05rem) rotate(1deg); + } + 50% { + transform: translate(-0.05rem, 0.125rem) rotate(-1deg); + } + 60% { + transform: translate(-0.15rem, 0.05rem) rotate(0deg); + } + 70% { + transform: translate(0.15rem, 0.05rem) rotate(-1deg); + } + 80% { + transform: translate(-0.05rem, -0.05rem) rotate(1deg); + } + 90% { + transform: translate(0.05rem, 0.125rem) rotate(0deg); + } + 100% { + transform: translate(0.05rem, -0.125rem) rotate(-1deg); + } +} + +@media (min-width: 200px) { + body { + background-position: center center; + background-repeat: no-repeat; + background-attachment: fixed; + } + + .Kinder1 { + margin-block-start: 2rem; + width: 100%; + height: auto; + } + + .Kinder2 { + margin-block-start: 2rem; + width: 100%; + height: auto; + } + + p { + margin-block-start: 2rem; + font-size: 0.7rem; + } + + .container { + backdrop-filter: none; + } + + .container::-webkit-scrollbar { + width: 0.5rem; + } + + .container::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 0.4rem rgba(0, 0, 0, 0.3); + border-radius: 0.5rem; + } + + .container::-webkit-scrollbar-thumb { + border-radius: 0.5rem; + -webkit-box-shadow: inset 0 0 0.4rem rgb(8, 0, 0); + } + + .menu-item { + padding: 0rem; + } + + .dropbtn { + padding: 0rem 1rem; + height: 1.3rem; + } + + h1 { + font-size: 1.5rem; + text-align: center; + } +} + +@media (min-width: 760px) { + .Kinder1 { + margin-block-start: 1.7rem; + width: 100%; + height: auto; + } + + .Kinder2 { + margin-block-start: 1.7rem; + width: 100%; + height: auto; + } + + p { + margin-block-start: 3.5rem; + font-size: 1.1rem; + } + + .menu-item { + padding: 0.75rem 2rem; + } + + .dropbtn { + padding: 1rem 2rem; + height: 2.85rem; + } + + h1 { + font-size: 2rem; + text-align: center; + } +} + +@media (min-width: 1000px) { + .container { + backdrop-filter: blur(1rem); + } + + .Kinder1 { + object-fit: contain; + width: 100%; + height: 35rem; + margin-left: auto; + margin-right: auto; + } + + .Kinder2 { + object-fit: contain; + width: 100%; + height: 35rem; + margin-left: auto; + margin-right: auto; + } + + p { + font-size: 1.25rem; + margin-block-start: 5rem; + } + + .menu-item { + padding: 0.75rem 2rem; + } + + .dropbtn { + padding: 1rem 2.7rem; + height: 2.7rem; + } + + .content2 { + margin-block-start: 10rem; + } +}