diff --git a/Cumminity.html b/Cumminity.html new file mode 100644 index 0000000..e190ef4 --- /dev/null +++ b/Cumminity.html @@ -0,0 +1,28 @@ + + + + + + + Cumminity + + + + + +
+ bg-img + + + + + \ No newline at end of file diff --git a/Sign Up.html b/Sign Up.html new file mode 100644 index 0000000..cf52be1 --- /dev/null +++ b/Sign Up.html @@ -0,0 +1,28 @@ + + + + + + + Sign Up + + + + + +
+ + +
+ + + \ No newline at end of file diff --git a/about.html b/about.html deleted file mode 100644 index f6ec97e..0000000 --- a/about.html +++ /dev/null @@ -1,13 +0,0 @@ - - - - - - - About page - - - - - - diff --git a/casharo.html b/casharo.html new file mode 100644 index 0000000..3d0beb2 --- /dev/null +++ b/casharo.html @@ -0,0 +1,101 @@ + + + + + + + Casharo + + + + + + +
+ + +
+

Barta Barashada Cilmiga
Tiknolojiga Si Bilaash Ah

+

Somali Programmers waxay kuu diyaarisay casharo aad ku baran kartid qaybaha kala duwan ee
tiknolojiga. Dhamaan waxa ku jiro shabakadaan waa bilaash lakin lama ogola in meel kale loo qaado.

+ +
+
+ +
+

Casharadii Ugu Danbeeyay

+
+
+ one +

Learn Flexbox

+

FlexBox waa hab aad ku habeyn kartid website-kaada adigoo CSS isticmaalayo. Waxay xoog ku leedahay dhinaca Layout ama ah habka wax u muuqdaan.

+ BARO HADA +
+
+ one +

React JS Project

+

Casharkaan waxaan dhiseynaa To Do app oo aad ku fahmi doontid qaybaha React JS ay ka koobantahay sida Components, state iyo hooks.

+ BARO HADA +
+
+ one +

Beginner Javascript

+

Casharkaan waxaan dhiseynaa To Do app oo aad ku fahmi doontid qaybaha React JS ay ka koobantahay sida Components, state iyo hooks.

+ BARO HADA +
+
+ one +

BARO GIT ESSENTIALS

+

GIT waa system qof kasta oo developer ah inuu barto uu u baahanyahay. Hadaa dad badan aad la shaqeyneysid, waa qasab inaa GIT isticmaasho.

+ BARO HADA +
+
+ one +

BARO NPM

+

npm waxee kuu fududeeney marka dhiiseeso ablikeeshan sida reactjs ama vuejs iyo kuwa kale javascript casharkaan ayaa ka fahmeysa siida loo istacmaalo node package manager soo gaal waa bilaash

+ BARO HADA +
+
+ one +

Full SQL Course

+

SQL waa luuqada lagula hadlo database yada si aad waxaad dooneyso uu kuugu qabto. Waa luuqad qof kasta oo developer ah uu u baahanyahay inuu yaqaano.

+ BARO HADA +
+
+ one +

Basics of React JS

+

SQL waa luuqada lagula hadlo database yada si aad waxaad dooneyso uu kuugu qabto. Waa luuqad qof kasta oo developer ah uu u baahanyahay inuu yaqaano.

+ BARO HADA +
+
+ one +

BARO BOOTSTRAP

+

SQL waa luuqada lagula hadlo database yada si aad waxaad dooneyso uu kuugu qabto. Waa luuqad qof kasta oo developer ah uu u baahanyahay inuu yaqaano.

+ BARO HADA +
+
+
+ + + + diff --git a/home.html b/home.html index a2219e1..e5ac747 100644 --- a/home.html +++ b/home.html @@ -6,8 +6,130 @@ Document + + - + +
+ bg-img + +
+

Barta Barashada Cilmiga
Tiknolojiga Si Bilaash Ah

+

Somali Programmers waxay kuu diyaarisay casharo aad ku baran kartid qaybaha kala duwan ee
tiknolojiga. Dhamaan waxa ku jiro shabakadaan waa bilaash lakin lama ogola in meel kale loo qaado.

+ +
+
+
+
+
+ star +

CASHARO

+

Waxaan heynaa casharo
bilaash ah.

+
+
+ star +

Wada Tashi

+

Ku soo biir qaybta tashiga, jawaabo ka hel.

+
+
+ star +

Nagu Soo Biir

+

Ka mid noqo bulshada Somalida oo horay u socoto.

+
+
+
+
+

Casharadii Ugu Danbeeyay

+
+
+ one +

Learn Flexbox

+

FlexBox waa hab aad ku habeyn kartid website-kaada adigoo CSS isticmaalayo. Waxay xoog ku leedahay dhinaca Layout ama ah habka wax u muuqdaan.

+ BARO HADA +
+
+ one +

React JS Project

+

Casharkaan waxaan dhiseynaa To Do app oo aad ku fahmi doontid qaybaha React JS ay ka koobantahay sida Components, state iyo hooks.

+ BARO HADA +
+
+ one +

Beginner Javascript

+

Casharkaan waxaan dhiseynaa To Do app oo aad ku fahmi doontid qaybaha React JS ay ka koobantahay sida Components, state iyo hooks.

+ BARO HADA +
+
+ one +

BARO GIT ESSENTIALS

+

GIT waa system qof kasta oo developer ah inuu barto uu u baahanyahay. Hadaa dad badan aad la shaqeyneysid, waa qasab inaa GIT isticmaasho.

+ BARO HADA +
+
+ one +

BARO NPM

+

npm waxee kuu fududeeney marka dhiiseeso ablikeeshan sida reactjs ama vuejs iyo kuwa kale javascript casharkaan ayaa ka fahmeysa siida loo istacmaalo node package manager soo gaal waa bilaash

+ BARO HADA +
+
+ one +

Full SQL Course

+

SQL waa luuqada lagula hadlo database yada si aad waxaad dooneyso uu kuugu qabto. Waa luuqad qof kasta oo developer ah uu u baahanyahay inuu yaqaano.

+ BARO HADA +
+
+
+
+
+

Ka mid Noqo Hormarka Aduunka

+

Aduunka wuxuu u socdaa dhinaca tiknolojiyada, waxaan rabnaa inaan u horseedno bulshada Soomaalida
inay la jaanqaadaan hormarkaas. Hababkaan hoos ku xusan ayaan rabnaa inaan bulshada ku
hormarino.

+ +
+ +
+
+ +
+
+
+ Faafinta Cilmiga +

SP waxay soo gudbineysaa casharo si fiican loo diyaariyay oo loogu tala galay inay ardayga bilowga ah ka dhigto mid aqoontiisa/aqoonteeda meel fog gaarsiin karto.

+
+
+
+ Taageero Dhan +

Arday kasta wuxuu helaayaa taageero dhan oo markasta looga jawaabi karo su’aal kastoo uu qabo. Waxaan ka rajeynaynaa dhamaan ardayda inay ka mid noqdaan kuwo caawiyo ardayda ka hooseyso.

+
+
+
+ Soo Bandhig +

SP waxay xooga saareysaa inay soo bandhigto aqoonta Soomaalida meelkastoo ay joogaan. Waxaan dooneynaa in dhalinyarada ay ogaadaan in aduunka aqoontooda u baahanyahay. Anagana aan halkaan taageero ula joogno.

+
+
+
+
+ diff --git a/images/1.jpg b/images/1.jpg new file mode 100644 index 0000000..9d7ace2 Binary files /dev/null and b/images/1.jpg differ diff --git a/images/10.png b/images/10.png new file mode 100644 index 0000000..fdd8eed Binary files /dev/null and b/images/10.png differ diff --git a/images/2.jpeg b/images/2.jpeg new file mode 100644 index 0000000..5ce4bc1 Binary files /dev/null and b/images/2.jpeg differ diff --git a/images/3.jpg b/images/3.jpg new file mode 100644 index 0000000..df376d1 Binary files /dev/null and b/images/3.jpg differ diff --git a/images/4.jpg b/images/4.jpg new file mode 100644 index 0000000..1fc4f86 Binary files /dev/null and b/images/4.jpg differ diff --git a/images/5.jpeg b/images/5.jpeg new file mode 100644 index 0000000..609cc3c Binary files /dev/null and b/images/5.jpeg differ diff --git a/images/6.jpg b/images/6.jpg new file mode 100644 index 0000000..221dd4c Binary files /dev/null and b/images/6.jpg differ diff --git a/images/7.jpg b/images/7.jpg new file mode 100644 index 0000000..a1cdb97 Binary files /dev/null and b/images/7.jpg differ diff --git a/images/8 b/images/8 new file mode 100644 index 0000000..9d150f8 Binary files /dev/null and b/images/8 differ diff --git a/images/9.jpg b/images/9.jpg new file mode 100644 index 0000000..e947186 Binary files /dev/null and b/images/9.jpg differ diff --git a/images/discord.png b/images/discord.png new file mode 100644 index 0000000..4e0735b Binary files /dev/null and b/images/discord.png differ diff --git a/images/facebook.png b/images/facebook.png new file mode 100644 index 0000000..62d5a5e Binary files /dev/null and b/images/facebook.png differ diff --git a/images/home-slide-1.jpg b/images/home-slide-1.jpg new file mode 100644 index 0000000..962f426 Binary files /dev/null and b/images/home-slide-1.jpg differ diff --git a/images/logoweb.png b/images/logoweb.png new file mode 100644 index 0000000..0dd7bc3 Binary files /dev/null and b/images/logoweb.png differ diff --git a/images/star-solid.svg b/images/star-solid.svg new file mode 100644 index 0000000..e0b7bf9 --- /dev/null +++ b/images/star-solid.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/resut-ima/1.PNG b/resut-ima/1.PNG new file mode 100644 index 0000000..f8e419f Binary files /dev/null and b/resut-ima/1.PNG differ diff --git a/resut-ima/2.PNG b/resut-ima/2.PNG new file mode 100644 index 0000000..0dbb8f3 Binary files /dev/null and b/resut-ima/2.PNG differ diff --git a/resut-ima/3.PNG b/resut-ima/3.PNG new file mode 100644 index 0000000..bb3fece Binary files /dev/null and b/resut-ima/3.PNG differ diff --git a/resut-ima/4.PNG b/resut-ima/4.PNG new file mode 100644 index 0000000..1e87b7e Binary files /dev/null and b/resut-ima/4.PNG differ diff --git a/resut-ima/5.PNG b/resut-ima/5.PNG new file mode 100644 index 0000000..e4b8bdd Binary files /dev/null and b/resut-ima/5.PNG differ diff --git a/resut-ima/6.PNG b/resut-ima/6.PNG new file mode 100644 index 0000000..9081db9 Binary files /dev/null and b/resut-ima/6.PNG differ diff --git a/style/style.css b/style/style.css index e69de29..0ca2d9c 100644 --- a/style/style.css +++ b/style/style.css @@ -0,0 +1,318 @@ +@import url('https://fonts.googleapis.com/css2?family=Capriola&family=Lobster&display=swap'); +*{ + margin: 0; + padding: 0; + font-family: 'Capriola', sans-serif; +} + +.header{ + display: flex; + position: relative; + width: 100vw; + height: 100vh; + background-color: rgba(9,132,227,0.85); +} +.bg-img{ + position: absolute; + width: 100%; + height: 100%; + opacity: 1; + z-index: -1; +} +.nav{ + display: flex; + justify-content: space-between; +} +.logo{ + width: 165px; + height: 66px; + margin-left: 150px; + padding-right: 485px; +} + +.header ul { + list-style: none; + float: right; + display: flex; +} + +ul li{ + display: flex; + justify-content: center; + margin-left: 50px; + margin-top: 25px; + color: white; + font-size: 18px; + padding: 0 18px; + font-weight: 300; +} +ul li a{ + text-decoration: none; + color: #fff; +} +.text{ + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + margin-left: -990px; + color: white; +} + +.text h1{ + font-size: 48px; + font-weight: 400; + margin-bottom: 25px; +} +.text p{ + font-family: 'Outfit', sans-serif; + font-style: normal; + font-weight: 400; + margin-bottom: 1.75em; + line-height: 35px; +} + +.text button{ + background-color: white; + color: rgba(9,132,227,0.85); + font-size: 16px; + padding: 15px 40px 16px; + border: none; + border-radius: 50px; + transition: 0.2s; +} +button:hover{ + background-color: rgb(225, 214, 214); + color: white; +} + +.container{ + padding: 10px 4%; + padding-bottom: 100px; + background-color: #fafafa; +} + +.container .box-container{ + display: grid; + grid-template-columns: repeat(auto-fit,minmax(270px,1fr)); + gap: 15px; +} + +.container .box-container .box{ + box-shadow: 0 5px 10px rgba(0, 0, 0,.2); + border-radius: 5px; + background-color: #fff; + text-align: center; + padding: 30px 20px; + margin-top: -90px; + z-index: 1; +} + +.container .box-container .box img{ + height: 43.89px; + width: 42.01px; + fill: #0984e3; + color: #0984e3; + border-color: #0984e3; +} + +.container .box-container .box h3{ + color: #808285; + font-size: 1.5em; + line-height: 1.4; + padding-bottom: 7px; + padding-top: 25px; +} + +.container1{ + padding: 15px 9%; + padding-bottom: 100px; + background-color: #fafafa; +} +.container1 .heading{ + text-align: center; + padding-bottom: 15px; + color: #4b5658; + text-shadow: 0 5px 10px rgba(0, 0, 0, .2); + font-size: 2.1875rem; + font-weight: 400; + line-height: 1.2; +} +.container1 .box-container1{ + display: grid; + grid-template-columns: repeat(auto-fit,minmax(270px,1fr)); + gap: 15px; + +} +.container1 .box-container1 .box1{ + box-shadow: 0 5px 10px rgba(0, 0, 0,.2); + border-radius: 5px; + background-color: #fff; + text-align: center; + padding: 30px 20px; +} +.container1 .box-container1 .box1 img{ + height: auto; + width: 100%; + border: none; + border-radius: 0; + -webkit-box-shadow: none; + box-shadow: none; + vertical-align: middle; +} +.container1 .box-container1 .box1 h3{ + color: #4b5658; + font-size: 1.5em; + line-height: 1.4; + padding-bottom: 7px; + padding-top: 25px; +} +.container1 .box-container1 .box1 p{ + color: gray; + font-size: 15px; + line-height: 1.8; +} + +.container1 .box-container1 .box1 .btn{ + margin-top: 10px; + display: inline-block; + background: #00a2e8; + color: #fff; + font-size: 15.2px; + border-radius: 24px; + padding: 9.5px 22.8px; +} +.container1 .box-container1 .box1 a{ + text-decoration: none; +} + +.container2{ + display: flex; + justify-content: center; + align-items: center; + background-color: #fafafa; + flex-wrap: wrap; + flex-direction: row; +} +.active{ + border-bottom: 5px solid #0b0d0e; +} +.container2 .tx{ + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + margin-bottom: 50px; +} +.container2 .tx h2{ + text-align: center; + font-size: 35px; + font-size: 2.1875rem; + font-weight: 400; + font-family: 'Capriola',sans-serif; + line-height: 1.2; + color: #4b5658; + margin-bottom: 25px; +} +.container2 .tx p{ + margin-bottom: 1.6em; + font-family: 'Outfit', sans-serif; + font-style: normal; + font-weight: 400; + color: #4b5658; + line-height: 25px; +} +.tb{ + display: flex; + +} +.tb img{ + width: 477px; + height: 357.75px; + margin-left: 70px; + margin-top: 15px; + margin-bottom: 15px; +} +.tb .box3{ + display: flex; + margin-left: 200px; + margin-top: 15px; + margin-bottom: 15px; + background-color: #fff; + width: 320px; + border-radius: 7px; + box-shadow: 1px 2px 4px rgba(0,0,0,.3); +} +.tb .box3 .faqs{ + padding: 0px 20px 20px; +} + +::-webkit-details-marker{ + float: left; + margin-top: 13px; +} + +details{ + padding: 10px 20px; + border-radius: 7px; + margin-top: 40px; + font-size: 14px; + letter-spacing: 1px; +} +details summary{ + outline: none; +} +footer{ + background-image: linear-gradient(176deg,rgb(9,132,227) 15%,rgb(0,59,177) 75%); + height: auto; + width: 100vw; + padding-top: 40px; + font-weight: 'Capriola', sans-serif; + color: #fff; +} +.footer-content{ + display: flex; + justify-content: center; + align-items: center; + text-align: center; + flex-direction: column; +} +.footer-content h2{ + color: #ffffff; + font-size: 35px; + font-size: 2.1875rem; + text-transform: capitalize; + line-height: 3rem; +} +.social{ + list-style: none; + display: flex; + justify-content: center; + align-items: center; + margin: 1rem 0 2rem 0; +} +.social li{ + margin: 0 ; +} +.social a{ + text-decoration: none; + color: #fff; +} +.social a i{ + font-size: 3.2rem; +} +.footer-bottom { + text-align: center; + padding: 20px 0; +} +.footer-bottom p{ + font-family: 'Outfit', sans-serif; + font-style: normal; + font-weight: 400; + text-transform: capitalize; +} + +hr{ + border: solid 0.01px rgb(216, 214, 214) ; + opacity: 0.3; +} \ No newline at end of file