diff --git a/About.html b/About.html
new file mode 100644
index 0000000..6d4ddc6
--- /dev/null
+++ b/About.html
@@ -0,0 +1,193 @@
+
+
+
+
+
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 @@
+
+
+
+
+
+
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 @@
+
+
+
+
+
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.
+
+

+
+
+
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;
+ }
+}