diff --git a/about.html b/about.html index f6ec97e..7f3b81c 100644 --- a/about.html +++ b/about.html @@ -4,10 +4,120 @@ - About page + AboutUS + - +
+ +
+ +

About US

+
+
+

What We do

+

+ When we saw where we stand in terms of technology knowledge, we + decided to create a bootcamp whose first goal is to change the + perspective, and the level of knowledge, so the coder bootcamp is the + solution, join us and we will teach you all aspects of technology such + as building websites, web applications, computer and mobile software, + and various other areas, the second is making boot teams to make + strong communication between students and to get the chance for + sharign ideas and sources, training the brain of developers and + building someone who thinking like developer is our goal... +

+
+ +
+ about us image +
+
+ +
+
+

MISSION

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempora vel, + illo corrupti repellat quisquam id eaque earum, repudiandae aliquid + odit mollitia quas tempore optio, asperiores laudantium eos nisi? + Possimus facere adipisci provident nulla magnam delectus hic nesciunt + laborum vitae odit. +

+
+ +
+

VISION

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus + consequuntur unde tenetur excepturi maiores doloremque, voluptate + reprehenderit dicta voluptatum omnis architecto. Molestias consectetur + saepe hic corrupti ab distinctio eveniet ducimus ipsum. Excepturi + quidem totam doloribus possimus cupiditate officiis cumque! Molestias. +

+
+
+ +
+

What you are waiting FOR

+ +

JOIN US

+
+ +
+ +
diff --git a/home.html b/home.html index a2219e1..98e5431 100644 --- a/home.html +++ b/home.html @@ -4,10 +4,240 @@ - Document + Home + - +
+ +
+ +
+
+

+ Coder
+ Bootcamp +

+
Zero To Hero
+ +

+ Bootcamp kani waxa aad ku qadan doonta
+ qaybaha kala duwan ee development ka sida,
+ Front-End, Back-End, Mobile apps, Desktop
+ apps, and Full-Stack development +
+ + In this bootcamp you will dive into the different
+ areas of development such as, Front-End, Back-End,
+ Mobile apps, Desktop apps, and Full-Stack development +

+ + + +
+ +
+ main image +
+
+ +

+ Our_Boots +

+
+
+ frontedn developer picture +

Front-End

+
+ +
+ backend developer picture +

Back-End

+
+ +
+ mobileapp developer picture +

Mobile_apps

+
+ +
+ desktopapp developer picture +

Desktop_apps

+
+ +
+ fullstack developer picture +

Full-Stack

+
+
+ +

+ Our_Team +

+
+
+ student picture + +

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Vel, iste. + Laborum facere ex quaerat maxime iusto nulla praesentium soluta + molestias commodi explicabo unde quasi magnam, itaque facilis amet + saepe dolor fuga ea, ipsam consequuntur officia. Perspiciatis + temporibus placeat ad modi, optio explicabo, iure quibusdam ipsam + ullam, et tempora nobis veritatis. +

+
+ +
+ + +

+ Lorem, ipsum dolor sit amet consectetur adipisicing elit. Repudiandae + molestias facilis a dolorem repellendus sit, enim in quaerat pariatur + fuga quisquam doloribus veniam minima eos nobis, aperiam + exercitationem alias, tempora sunt assumenda. Expedita totam ut + eveniet harum in sunt qui libero ullam accusamus. Similique + voluptatibus dicta tempore labore. Dignissimos, pariatur! +

+
+
+ +
+ +

+ We are special FOR +

+
+
+ support image +

Support

+
+ +
+ teamwork image + +

Team_Work

+
+ +
+ hired image + +

Supporting to get a job

+
+
+ +
+ +
+ +
diff --git a/images/PngItem_5312066.png b/images/PngItem_5312066.png new file mode 100644 index 0000000..f6e962c Binary files /dev/null and b/images/PngItem_5312066.png differ diff --git a/images/about-us.png b/images/about-us.png new file mode 100644 index 0000000..b6bc6c8 Binary files /dev/null and b/images/about-us.png differ diff --git a/images/backend.png b/images/backend.png new file mode 100644 index 0000000..c7aa0c9 Binary files /dev/null and b/images/backend.png differ diff --git a/images/desktop app.png b/images/desktop app.png new file mode 100644 index 0000000..19254a1 Binary files /dev/null and b/images/desktop app.png differ diff --git a/images/facebook.png b/images/facebook.png new file mode 100644 index 0000000..4cc53cc Binary files /dev/null and b/images/facebook.png differ diff --git a/images/favicon.png b/images/favicon.png new file mode 100644 index 0000000..57350e2 Binary files /dev/null and b/images/favicon.png differ diff --git a/images/frontend.png b/images/frontend.png new file mode 100644 index 0000000..83ded09 Binary files /dev/null and b/images/frontend.png differ diff --git a/images/full stack.png b/images/full stack.png new file mode 100644 index 0000000..73ec559 Binary files /dev/null and b/images/full stack.png differ diff --git a/images/github-sign.png b/images/github-sign.png new file mode 100644 index 0000000..caaa62a Binary files /dev/null and b/images/github-sign.png differ diff --git a/images/hired.png b/images/hired.png new file mode 100644 index 0000000..e206661 Binary files /dev/null and b/images/hired.png differ diff --git a/images/linkedin.png b/images/linkedin.png new file mode 100644 index 0000000..2674a07 Binary files /dev/null and b/images/linkedin.png differ diff --git a/images/logo.png b/images/logo.png new file mode 100644 index 0000000..0a43b11 Binary files /dev/null and b/images/logo.png differ diff --git a/images/logo_transparent.png b/images/logo_transparent.png new file mode 100644 index 0000000..75c29f7 Binary files /dev/null and b/images/logo_transparent.png differ diff --git a/images/mobileapp.png b/images/mobileapp.png new file mode 100644 index 0000000..78de46d Binary files /dev/null and b/images/mobileapp.png differ diff --git a/images/student.png b/images/student.png new file mode 100644 index 0000000..56445c2 Binary files /dev/null and b/images/student.png differ diff --git a/images/student2.png b/images/student2.png new file mode 100644 index 0000000..3e960c6 Binary files /dev/null and b/images/student2.png differ diff --git a/images/support.png b/images/support.png new file mode 100644 index 0000000..e4fc8cb Binary files /dev/null and b/images/support.png differ diff --git a/images/teamwork.png b/images/teamwork.png new file mode 100644 index 0000000..12d1b35 Binary files /dev/null and b/images/teamwork.png differ diff --git a/images/twitter.png b/images/twitter.png new file mode 100644 index 0000000..2c9a6ad Binary files /dev/null and b/images/twitter.png differ diff --git a/images/users.png b/images/users.png new file mode 100644 index 0000000..0337c9f Binary files /dev/null and b/images/users.png differ diff --git a/sign up.html b/sign up.html new file mode 100644 index 0000000..eed3b4f --- /dev/null +++ b/sign up.html @@ -0,0 +1,130 @@ + + + + + + + signUp + + + + +
+ +
+ +
+ +
+

regestration_Form

+
+ + + + +
+ +
+
gender
+ + + + +
+ + +
Choose your boot section
+ + + + + + + + + + + + + +
+ + +
+ user picture +
+
+ +
+ +
+ + diff --git a/style/style.css b/style/style.css index e69de29..6d9e189 100644 --- a/style/style.css +++ b/style/style.css @@ -0,0 +1,325 @@ +@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap'); + + +:root { + +--bunni: rgb(123, 60, 89); +--halfbunni: rgb(110, 37, 71); + --xabxab: rgb(250, 249, 186); + --light-yellow: rgb(255,196,132);; + --blue: rgb(92,98,158); + --orange: rgb(255,156,2); + + } + +* { + padding: 0; + margin: 0; + box-sizing: border-box; +} + +body{ + height: 100vh; + width: 100vw; +} + +nav { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + +} + +.logo > img { + width: 7rem; + object-fit: cover; + cursor: pointer; +} + +.navigation { + margin-right: 4rem; +} +ul > li { + display: inline-block; + padding: 0.1rem; + +} +li > a{ + text-decoration: none; + font-weight: bolder; + color: var(--bunni); + transition: 0.5s ease-out; +} +a:hover { + color: var(--halfbunni); + background-color: white; + border-bottom: 1px solid var(--halfbunni); +} +.m-image > img{ + width: 33rem; + height: 27rem; + object-fit: cover; + margin-right: 3rem; +} +.info { + display: flex; + flex-direction: row; + justify-content: space-around; +} +.title{ + color: var(--bunni); + font-size : 6rem; + line-height: 6rem; +} +.second-title { + font-size: 2rem; + color: var(--orange); + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + +} + +.p-text{ + padding: 1rem; + font-size: 1.2rem; + font-weight: 200; +} + +.btn { + width: 9rem; + height: 3rem; + border: 0; + border-radius: 9px; + background-color: var(--bunni); + color: white; + font-size: 1rem; + cursor: pointer; + margin-bottom: 12rem; + transition: 0.5s ease-out; +} +.btn:hover{ + color: var(--halfbunni); + background-color: white; + border-bottom: 1px solid var(--halfbunni); +} + +/* SIGN UP PAGE STYLE */ + + +.signUp { + background-color: var(--bunni); + color: white; + padding: 0.6rem; + border-radius: 10px; + border: 0; +} +.regestration { + display: flex; + flex-direction: row; + justify-content: space-around; + +} +.p-info { + display: flex; + flex-direction: column; + width: 19rem; + + +} + +.inputs { + padding: 0.4rem; + border: 3px solid var(--bunni); + border-radius: 8px; + font-size: 1.1rem; + margin: 0.3rem 0.4rem; +} +.inputs:focus{ + border: 3px dotted var(--bunni); + outline: 0; +} + +.choose{ + display: flex; + flex-direction: column; + align-items: flex-start; + margin: 0.3rem; + +} +.submit{ + width: 19rem; + height: 2.3rem; + border-radius: 8px; + border: 0; + background-color: var(--bunni); + margin-top: 1rem; + cursor: pointer; + color: white; + font-size: 1.2rem; + outline: 0; + transition: 0.5s ease-out; + margin-bottom: 12rem; +} +.submit:hover{ + color: var(--halfbunni); + background-color: white; + border-bottom: 1px solid var(--halfbunni); +} + +/* BOOTS STYLE section */ + +.bootsIMG{ + width: 10rem; + object-fit: cover; + } + .boots{ + display: flex; + justify-content: space-around; + align-items: baseline; + margin: 1rem; + margin-bottom: 9rem; + background-color: var(--xabxab); + padding: 2rem; +} +.b-header{ + text-align: center; + padding: 1rem; + border-bottom: 4px solid var(--orange); + color: var(--bunni); +} + + + /* special for style section */ + + .special{ + display: flex; + justify-content: space-around; + align-items: baseline; + padding: 1rem; + margin-top: 3rem; + color: var(--bunni); + } +.specialIMGS{ + width: 15rem; + object-fit: cover; +} +.line { + height: 0.3rem; + margin: 5rem 0; + background-color: var(--bunni); +} + + + +/* OURTEAM STYLE SECTION */ + + +.ourteamPNG{ + width: 6rem; + height: 6rem; + margin: 0 1rem; + object-fit:scale-down; + border: 4px solid var(--orange); + border-radius: 50%; + float: left; + clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%); + +} + +.ourteam{ +display: flex; +justify-content: space-evenly; +padding: 2rem; +margin-bottom: 9rem; +} +.teamdiv{ + width: 30rem; + height: 10rem; +} + + +/* FOOTER section style */ + + +footer{ + display: flex; + justify-content: space-between; + align-items: baseline; + margin: 0 2rem; + margin-top: 4rem; + padding: 1rem; + /* background-color: var(--xabxab); */ + +} + + +/* ABOUT US STYLE section */ + + +.aboutUStxt{ + color: var(--bunni); + font-size : 5rem; + text-align: center; + +} +.aboutpicture > img{ + width: 30rem; + height: 20rem; + object-fit: cover; +} + +.about{ + display: flex; + justify-content: space-around; + font-size: 1.3rem; + word-spacing: 0.1rem; + font-family: 'Gothic Medium', 'Arial Narrow', Arial, sans-serif; + font-weight: 200; +} +.mTITLE, .VMtitles{ + color: var(--bunni); + border-left: 4px solid var(--orange); + font-weight: bolder; + font-size: 2rem; + font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; + margin-bottom: 1.5rem; +} +.aboutMAIN{ + margin-top: 3rem; + width: 45rem; +} + +.miss_vision{ + display: flex; + justify-content: space-around; + font-size: 1.2rem; + word-spacing: 0.1rem; + font-family: 'Gothic Medium', 'Arial Narrow', Arial, sans-serif; + padding: 1rem; + margin-top: 8rem; +} +.miss_vision > div{ + /* background-color: red; */ + width: 30rem; +} +.coder{ + display: flex; + align-items: center; + flex-direction: column; + justify-content: center; + background-color: var(--xabxab); + height: 20rem; + margin:10rem 0 10rem 0; +} +.codertxt{ + font-size: 5rem; + padding: 2rem; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + color: var(--bunni); + border-top: 3px solid var(--orange); +} +.join{ + font-size: 2rem; + font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; + color: var(--orange); +} \ No newline at end of file