├── hw1.jpg ├── hw2.png ├── C13. July-11-2023 ├── cw2 │ ├── css │ │ ├── chacchu.css │ │ ├── style.min.css.map │ │ ├── style.scss │ │ └── style.min.css │ └── index.html ├── hw │ ├── sumaiya │ │ ├── images │ │ │ └── putin.jpg │ │ ├── CSS │ │ │ └── style.css │ │ └── index.html │ └── Assingment │ │ ├── Images │ │ ├── image1.png │ │ ├── image2.png │ │ └── image3.png │ │ ├── CSS │ │ └── style.css │ │ └── index.html └── cw1 │ ├── index.html │ └── css │ └── style.css ├── C9. june-6-2023 ├── hw │ ├── Sumaiya │ │ ├── .vscode │ │ │ └── settings.json │ │ ├── image │ │ │ └── messi.png │ │ ├── CSS │ │ │ └── style.css │ │ └── index.html │ ├── Sihab(DSE)Assignment-7 │ │ ├── imagea │ │ │ ├── putin.png │ │ │ └── button.png │ │ ├── fonts │ │ │ └── dejavu-sans.book (1).ttf │ │ ├── css │ │ │ └── style.css │ │ └── index.html │ └── Sihab(DSE)Assignment-6 │ │ ├── images │ │ ├── button.png │ │ └── messi (1).png │ │ ├── fonts │ │ └── dejavu-sans.book.ttf │ │ ├── css │ │ └── style.css │ │ └── index.html ├── cw2 │ ├── index.html │ └── css │ │ └── style.css ├── cw3 │ ├── css │ │ └── style.css │ └── index.html └── cw │ ├── css │ └── style.css │ └── index.html ├── C2. apr-18-2023 ├── hw │ ├── web.png │ ├── shihab.html │ ├── index.html │ └── pornob.html └── cw │ ├── bird.png │ ├── giphy.gif │ ├── videoplayback.mp4 │ ├── Sound background music haha.mp3 │ └── index.html ├── C4. may-2-2023 ├── cw │ ├── logo.png │ ├── p1.jpg │ ├── p2.jpg │ ├── p3.jpg │ ├── banner.jpg │ └── index.html └── hw │ └── form.html ├── problem └── GRID │ ├── Images │ ├── img1.jpg │ ├── img2.jpg │ ├── img3.jpg │ ├── img4.jpg │ ├── img5.jpg │ ├── img6.jpg │ ├── img7.jpg │ ├── img8.jpg │ ├── img9.jpg │ ├── img10.jpg │ ├── img11.jpg │ ├── img12.jpg │ ├── img13.jpg │ ├── img14.jpg │ ├── img15.jpg │ └── img16.jpg │ ├── CSS │ └── style.css │ └── index.html ├── C10. june-13-2023 ├── images │ ├── img1.jpg │ ├── img2.jpg │ ├── img3.jpg │ ├── img4.jpg │ ├── img5.jpg │ ├── img6.jpg │ ├── img7.jpg │ ├── img8.jpg │ ├── img9.jpg │ ├── img10.jpg │ ├── img11.jpg │ ├── img12.jpg │ ├── img13.jpg │ ├── img14.jpg │ ├── img15.jpg │ └── img16.jpg ├── index.html └── css │ └── style.css ├── C5. may-9-2023 ├── hw │ ├── Shihab │ │ ├── P1.jpeg │ │ ├── P2.jpeg │ │ ├── P3.webp │ │ ├── logo.png │ │ ├── banner.webp │ │ └── index.html │ ├── sumaiya │ │ ├── p1.jpg │ │ ├── p2.jpg │ │ ├── p3.jpg │ │ ├── banner.jpg │ │ ├── logo.png │ │ └── index.html │ ├── old assignment │ │ └── sumaiya │ │ │ └── index.html │ └── pronob │ │ └── index.html ├── CT │ └── table layout.png └── cw │ ├── index.html │ └── style.css ├── C6. may-16-2023 ├── cw │ ├── images │ │ ├── cup.png │ │ ├── bandor.jpg │ │ ├── fifa.png │ │ ├── group.jpg │ │ ├── messi.jpg │ │ ├── messi.png │ │ ├── pakhi.jpg │ │ ├── background.jpg │ │ ├── corruption.jpeg │ │ ├── Brand_Protection_FIFA-World-Cup-Official-Trophy-P4.jpg │ │ ├── Brand_Protection_FIFA-World-Cup-Official-Trophy-P4.webp │ │ └── fifa.svg │ ├── index.html │ └── css │ │ └── style.css └── hw │ ├── sima │ ├── style.css │ └── flag.html │ ├── Sihab(DSE)Assignment-5 │ ├── style.css │ └── flag.html │ └── pronob │ ├── style.css │ └── flag.html ├── C7. may-23-2023 ├── cw1 │ ├── images │ │ ├── bg.jpg │ │ ├── logo.png │ │ ├── bodybg.jpg │ │ └── computer.png │ ├── index.html │ └── css │ │ └── style.css └── cw2 │ ├── images │ ├── apu.jpg │ ├── bubli.jpg │ ├── dikhi.jpg │ ├── puja.jpg │ └── shakib.jpg │ ├── index.html │ └── css │ └── style.css ├── C8. may-30-2023 ├── images │ ├── button.png │ └── messi.png ├── fonts │ └── dejavu-sans.book.ttf ├── css │ └── style.css └── index.html ├── C12. July-4-2023 └── transform │ ├── images │ ├── cursor.png │ ├── favicon.png │ └── images.jpg │ ├── index.html │ └── css │ └── style.css ├── C15. Aug-1-2023 (PSD 2 HTML) ├── images │ ├── banner.png │ ├── logo.png │ ├── banner-right.png │ ├── best-seller-1.png │ ├── best-seller-2.png │ ├── best-seller-3.png │ ├── chicken-grill.png │ ├── lenora-fields.png │ ├── oriental-test.png │ ├── subscribe-bg.png │ ├── chicken-grill-bg.png │ ├── oriental-test-bg.png │ └── oriental-test.design.png ├── css │ ├── style.min.css.map │ ├── style.min.css │ └── style.scss └── index.html ├── C3. apr-25-2023 ├── hw │ ├── Yousuf-Form │ │ ├── img_avatar2.png │ │ └── index.html │ ├── Abdulla-79 │ │ └── index.html │ ├── sumaiya │ │ └── work2.html │ ├── pronob │ │ └── homework2.html │ └── kawser_h │ │ └── index.html └── cw │ ├── index.html │ ├── form.html │ └── table.html ├── C14. July-25-2023 ├── css │ ├── style.min.css.map │ ├── style.min.css │ └── style.scss └── index.html └── C1. apr-11-2023 └── index.html /hw1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/hw1.jpg -------------------------------------------------------------------------------- /hw2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/hw2.png -------------------------------------------------------------------------------- /C13. July-11-2023/cw2/css/chacchu.css: -------------------------------------------------------------------------------- 1 | .main{ 2 | width: 100%; 3 | height: 100vh; 4 | } -------------------------------------------------------------------------------- /C9. june-6-2023/hw/Sumaiya/.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "liveServer.settings.port": 5501 3 | } -------------------------------------------------------------------------------- /C2. apr-18-2023/hw/web.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C2. apr-18-2023/hw/web.png -------------------------------------------------------------------------------- /C4. may-2-2023/cw/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C4. may-2-2023/cw/logo.png -------------------------------------------------------------------------------- /C4. may-2-2023/cw/p1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C4. may-2-2023/cw/p1.jpg -------------------------------------------------------------------------------- /C4. may-2-2023/cw/p2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C4. may-2-2023/cw/p2.jpg -------------------------------------------------------------------------------- /C4. may-2-2023/cw/p3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C4. may-2-2023/cw/p3.jpg -------------------------------------------------------------------------------- /C2. apr-18-2023/cw/bird.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C2. apr-18-2023/cw/bird.png -------------------------------------------------------------------------------- /C2. apr-18-2023/cw/giphy.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C2. apr-18-2023/cw/giphy.gif -------------------------------------------------------------------------------- /C4. may-2-2023/cw/banner.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C4. may-2-2023/cw/banner.jpg -------------------------------------------------------------------------------- /problem/GRID/Images/img1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/problem/GRID/Images/img1.jpg -------------------------------------------------------------------------------- /problem/GRID/Images/img2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/problem/GRID/Images/img2.jpg -------------------------------------------------------------------------------- /problem/GRID/Images/img3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/problem/GRID/Images/img3.jpg -------------------------------------------------------------------------------- /problem/GRID/Images/img4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/problem/GRID/Images/img4.jpg -------------------------------------------------------------------------------- /problem/GRID/Images/img5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/problem/GRID/Images/img5.jpg -------------------------------------------------------------------------------- /problem/GRID/Images/img6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/problem/GRID/Images/img6.jpg -------------------------------------------------------------------------------- /problem/GRID/Images/img7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/problem/GRID/Images/img7.jpg -------------------------------------------------------------------------------- /problem/GRID/Images/img8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/problem/GRID/Images/img8.jpg -------------------------------------------------------------------------------- /problem/GRID/Images/img9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/problem/GRID/Images/img9.jpg -------------------------------------------------------------------------------- /problem/GRID/Images/img10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/problem/GRID/Images/img10.jpg -------------------------------------------------------------------------------- /problem/GRID/Images/img11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/problem/GRID/Images/img11.jpg -------------------------------------------------------------------------------- /problem/GRID/Images/img12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/problem/GRID/Images/img12.jpg -------------------------------------------------------------------------------- /problem/GRID/Images/img13.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/problem/GRID/Images/img13.jpg -------------------------------------------------------------------------------- /problem/GRID/Images/img14.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/problem/GRID/Images/img14.jpg -------------------------------------------------------------------------------- /problem/GRID/Images/img15.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/problem/GRID/Images/img15.jpg -------------------------------------------------------------------------------- /problem/GRID/Images/img16.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/problem/GRID/Images/img16.jpg -------------------------------------------------------------------------------- /C10. june-13-2023/images/img1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C10. june-13-2023/images/img1.jpg -------------------------------------------------------------------------------- /C10. june-13-2023/images/img2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C10. june-13-2023/images/img2.jpg -------------------------------------------------------------------------------- /C10. june-13-2023/images/img3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C10. june-13-2023/images/img3.jpg -------------------------------------------------------------------------------- /C10. june-13-2023/images/img4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C10. june-13-2023/images/img4.jpg -------------------------------------------------------------------------------- /C10. june-13-2023/images/img5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C10. june-13-2023/images/img5.jpg -------------------------------------------------------------------------------- /C10. june-13-2023/images/img6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C10. june-13-2023/images/img6.jpg -------------------------------------------------------------------------------- /C10. june-13-2023/images/img7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C10. june-13-2023/images/img7.jpg -------------------------------------------------------------------------------- /C10. june-13-2023/images/img8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C10. june-13-2023/images/img8.jpg -------------------------------------------------------------------------------- /C10. june-13-2023/images/img9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C10. june-13-2023/images/img9.jpg -------------------------------------------------------------------------------- /C5. may-9-2023/hw/Shihab/P1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C5. may-9-2023/hw/Shihab/P1.jpeg -------------------------------------------------------------------------------- /C5. may-9-2023/hw/Shihab/P2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C5. may-9-2023/hw/Shihab/P2.jpeg -------------------------------------------------------------------------------- /C5. may-9-2023/hw/Shihab/P3.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C5. may-9-2023/hw/Shihab/P3.webp -------------------------------------------------------------------------------- /C5. may-9-2023/hw/Shihab/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C5. may-9-2023/hw/Shihab/logo.png -------------------------------------------------------------------------------- /C5. may-9-2023/hw/sumaiya/p1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C5. may-9-2023/hw/sumaiya/p1.jpg -------------------------------------------------------------------------------- /C5. may-9-2023/hw/sumaiya/p2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C5. may-9-2023/hw/sumaiya/p2.jpg -------------------------------------------------------------------------------- /C5. may-9-2023/hw/sumaiya/p3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C5. may-9-2023/hw/sumaiya/p3.jpg -------------------------------------------------------------------------------- /C6. may-16-2023/cw/images/cup.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C6. may-16-2023/cw/images/cup.png -------------------------------------------------------------------------------- /C7. may-23-2023/cw1/images/bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C7. may-23-2023/cw1/images/bg.jpg -------------------------------------------------------------------------------- /C8. may-30-2023/images/button.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C8. may-30-2023/images/button.png -------------------------------------------------------------------------------- /C8. may-30-2023/images/messi.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C8. may-30-2023/images/messi.png -------------------------------------------------------------------------------- /C10. june-13-2023/images/img10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C10. june-13-2023/images/img10.jpg -------------------------------------------------------------------------------- /C10. june-13-2023/images/img11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C10. june-13-2023/images/img11.jpg -------------------------------------------------------------------------------- /C10. june-13-2023/images/img12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C10. june-13-2023/images/img12.jpg -------------------------------------------------------------------------------- /C10. june-13-2023/images/img13.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C10. june-13-2023/images/img13.jpg -------------------------------------------------------------------------------- /C10. june-13-2023/images/img14.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C10. june-13-2023/images/img14.jpg -------------------------------------------------------------------------------- /C10. june-13-2023/images/img15.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C10. june-13-2023/images/img15.jpg -------------------------------------------------------------------------------- /C10. june-13-2023/images/img16.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C10. june-13-2023/images/img16.jpg -------------------------------------------------------------------------------- /C2. apr-18-2023/cw/videoplayback.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C2. apr-18-2023/cw/videoplayback.mp4 -------------------------------------------------------------------------------- /C5. may-9-2023/CT/table layout.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C5. may-9-2023/CT/table layout.png -------------------------------------------------------------------------------- /C5. may-9-2023/hw/Shihab/banner.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C5. may-9-2023/hw/Shihab/banner.webp -------------------------------------------------------------------------------- /C5. may-9-2023/hw/sumaiya/banner.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C5. may-9-2023/hw/sumaiya/banner.jpg -------------------------------------------------------------------------------- /C5. may-9-2023/hw/sumaiya/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C5. may-9-2023/hw/sumaiya/logo.png -------------------------------------------------------------------------------- /C6. may-16-2023/cw/images/bandor.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C6. may-16-2023/cw/images/bandor.jpg -------------------------------------------------------------------------------- /C6. may-16-2023/cw/images/fifa.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C6. may-16-2023/cw/images/fifa.png -------------------------------------------------------------------------------- /C6. may-16-2023/cw/images/group.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C6. may-16-2023/cw/images/group.jpg -------------------------------------------------------------------------------- /C6. may-16-2023/cw/images/messi.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C6. may-16-2023/cw/images/messi.jpg -------------------------------------------------------------------------------- /C6. may-16-2023/cw/images/messi.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C6. may-16-2023/cw/images/messi.png -------------------------------------------------------------------------------- /C6. may-16-2023/cw/images/pakhi.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C6. may-16-2023/cw/images/pakhi.jpg -------------------------------------------------------------------------------- /C7. may-23-2023/cw1/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C7. may-23-2023/cw1/images/logo.png -------------------------------------------------------------------------------- /C7. may-23-2023/cw2/images/apu.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C7. may-23-2023/cw2/images/apu.jpg -------------------------------------------------------------------------------- /C7. may-23-2023/cw2/images/bubli.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C7. may-23-2023/cw2/images/bubli.jpg -------------------------------------------------------------------------------- /C7. may-23-2023/cw2/images/dikhi.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C7. may-23-2023/cw2/images/dikhi.jpg -------------------------------------------------------------------------------- /C7. may-23-2023/cw2/images/puja.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C7. may-23-2023/cw2/images/puja.jpg -------------------------------------------------------------------------------- /C7. may-23-2023/cw1/images/bodybg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C7. may-23-2023/cw1/images/bodybg.jpg -------------------------------------------------------------------------------- /C7. may-23-2023/cw2/images/shakib.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C7. may-23-2023/cw2/images/shakib.jpg -------------------------------------------------------------------------------- /C6. may-16-2023/cw/images/background.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C6. may-16-2023/cw/images/background.jpg -------------------------------------------------------------------------------- /C6. may-16-2023/cw/images/corruption.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C6. may-16-2023/cw/images/corruption.jpeg -------------------------------------------------------------------------------- /C7. may-23-2023/cw1/images/computer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C7. may-23-2023/cw1/images/computer.png -------------------------------------------------------------------------------- /C8. may-30-2023/fonts/dejavu-sans.book.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C8. may-30-2023/fonts/dejavu-sans.book.ttf -------------------------------------------------------------------------------- /C9. june-6-2023/hw/Sumaiya/image/messi.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C9. june-6-2023/hw/Sumaiya/image/messi.png -------------------------------------------------------------------------------- /C12. July-4-2023/transform/images/cursor.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C12. July-4-2023/transform/images/cursor.png -------------------------------------------------------------------------------- /C12. July-4-2023/transform/images/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C12. July-4-2023/transform/images/favicon.png -------------------------------------------------------------------------------- /C12. July-4-2023/transform/images/images.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C12. July-4-2023/transform/images/images.jpg -------------------------------------------------------------------------------- /C13. July-11-2023/hw/sumaiya/images/putin.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C13. July-11-2023/hw/sumaiya/images/putin.jpg -------------------------------------------------------------------------------- /C15. Aug-1-2023 (PSD 2 HTML)/images/banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C15. Aug-1-2023 (PSD 2 HTML)/images/banner.png -------------------------------------------------------------------------------- /C15. Aug-1-2023 (PSD 2 HTML)/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C15. Aug-1-2023 (PSD 2 HTML)/images/logo.png -------------------------------------------------------------------------------- /C3. apr-25-2023/hw/Yousuf-Form/img_avatar2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C3. apr-25-2023/hw/Yousuf-Form/img_avatar2.png -------------------------------------------------------------------------------- /C13. July-11-2023/hw/Assingment/Images/image1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C13. July-11-2023/hw/Assingment/Images/image1.png -------------------------------------------------------------------------------- /C13. July-11-2023/hw/Assingment/Images/image2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C13. July-11-2023/hw/Assingment/Images/image2.png -------------------------------------------------------------------------------- /C13. July-11-2023/hw/Assingment/Images/image3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C13. July-11-2023/hw/Assingment/Images/image3.png -------------------------------------------------------------------------------- /C2. apr-18-2023/cw/Sound background music haha.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C2. apr-18-2023/cw/Sound background music haha.mp3 -------------------------------------------------------------------------------- /C15. Aug-1-2023 (PSD 2 HTML)/images/banner-right.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C15. Aug-1-2023 (PSD 2 HTML)/images/banner-right.png -------------------------------------------------------------------------------- /C15. Aug-1-2023 (PSD 2 HTML)/images/best-seller-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C15. Aug-1-2023 (PSD 2 HTML)/images/best-seller-1.png -------------------------------------------------------------------------------- /C15. Aug-1-2023 (PSD 2 HTML)/images/best-seller-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C15. Aug-1-2023 (PSD 2 HTML)/images/best-seller-2.png -------------------------------------------------------------------------------- /C15. Aug-1-2023 (PSD 2 HTML)/images/best-seller-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C15. Aug-1-2023 (PSD 2 HTML)/images/best-seller-3.png -------------------------------------------------------------------------------- /C15. Aug-1-2023 (PSD 2 HTML)/images/chicken-grill.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C15. Aug-1-2023 (PSD 2 HTML)/images/chicken-grill.png -------------------------------------------------------------------------------- /C15. Aug-1-2023 (PSD 2 HTML)/images/lenora-fields.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C15. Aug-1-2023 (PSD 2 HTML)/images/lenora-fields.png -------------------------------------------------------------------------------- /C15. Aug-1-2023 (PSD 2 HTML)/images/oriental-test.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C15. Aug-1-2023 (PSD 2 HTML)/images/oriental-test.png -------------------------------------------------------------------------------- /C15. Aug-1-2023 (PSD 2 HTML)/images/subscribe-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C15. Aug-1-2023 (PSD 2 HTML)/images/subscribe-bg.png -------------------------------------------------------------------------------- /C15. Aug-1-2023 (PSD 2 HTML)/images/chicken-grill-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C15. Aug-1-2023 (PSD 2 HTML)/images/chicken-grill-bg.png -------------------------------------------------------------------------------- /C15. Aug-1-2023 (PSD 2 HTML)/images/oriental-test-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C15. Aug-1-2023 (PSD 2 HTML)/images/oriental-test-bg.png -------------------------------------------------------------------------------- /C9. june-6-2023/hw/Sihab(DSE)Assignment-7/imagea/putin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C9. june-6-2023/hw/Sihab(DSE)Assignment-7/imagea/putin.png -------------------------------------------------------------------------------- /C15. Aug-1-2023 (PSD 2 HTML)/images/oriental-test.design.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C15. Aug-1-2023 (PSD 2 HTML)/images/oriental-test.design.png -------------------------------------------------------------------------------- /C9. june-6-2023/hw/Sihab(DSE)Assignment-6/images/button.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C9. june-6-2023/hw/Sihab(DSE)Assignment-6/images/button.png -------------------------------------------------------------------------------- /C9. june-6-2023/hw/Sihab(DSE)Assignment-7/imagea/button.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C9. june-6-2023/hw/Sihab(DSE)Assignment-7/imagea/button.png -------------------------------------------------------------------------------- /C9. june-6-2023/hw/Sihab(DSE)Assignment-6/images/messi (1).png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C9. june-6-2023/hw/Sihab(DSE)Assignment-6/images/messi (1).png -------------------------------------------------------------------------------- /C9. june-6-2023/hw/Sihab(DSE)Assignment-6/fonts/dejavu-sans.book.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C9. june-6-2023/hw/Sihab(DSE)Assignment-6/fonts/dejavu-sans.book.ttf -------------------------------------------------------------------------------- /C9. june-6-2023/hw/Sihab(DSE)Assignment-7/fonts/dejavu-sans.book (1).ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C9. june-6-2023/hw/Sihab(DSE)Assignment-7/fonts/dejavu-sans.book (1).ttf -------------------------------------------------------------------------------- /C6. may-16-2023/cw/images/Brand_Protection_FIFA-World-Cup-Official-Trophy-P4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C6. may-16-2023/cw/images/Brand_Protection_FIFA-World-Cup-Official-Trophy-P4.jpg -------------------------------------------------------------------------------- /C6. may-16-2023/cw/images/Brand_Protection_FIFA-World-Cup-Official-Trophy-P4.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/b81m/master/C6. may-16-2023/cw/images/Brand_Protection_FIFA-World-Cup-Official-Trophy-P4.webp -------------------------------------------------------------------------------- /C6. may-16-2023/hw/sima/style.css: -------------------------------------------------------------------------------- 1 | .black{ 2 | width: 500px; 3 | height: 100px; 4 | background-color: black; 5 | } 6 | 7 | .red{ 8 | width: 500px; 9 | height: 100px; 10 | background-color: red; 11 | } 12 | 13 | .yellow{ 14 | width: 500px; 15 | height: 100px; 16 | background-color: yellow; 17 | } -------------------------------------------------------------------------------- /C6. may-16-2023/hw/Sihab(DSE)Assignment-5/style.css: -------------------------------------------------------------------------------- 1 | .black{ 2 | width: 500px; 3 | height: 100px; 4 | background-color: black; 5 | } 6 | .red{ 7 | width: 500px; 8 | height: 100px; 9 | background-color: red; 10 | } 11 | .yellow{ 12 | width: 500px; 13 | height: 100px; 14 | background-color: yellow; 15 | } 16 | -------------------------------------------------------------------------------- /C6. may-16-2023/hw/pronob/style.css: -------------------------------------------------------------------------------- 1 | .black{ 2 | width: 500px; 3 | height: 100px; 4 | background-color: black; 5 | } 6 | .red{ 7 | width: 500px; 8 | height: 100px; 9 | background-color: red; 10 | } 11 | .yellow{ 12 | width: 500px; 13 | height: 100px; 14 | background-color: yellow; 15 | } 16 | .flag{ 17 | margin-left: 450px; 18 | margin-top: 150px; 19 | } -------------------------------------------------------------------------------- /C13. July-11-2023/cw1/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 |
13 |
14 |
15 | 16 | 17 | -------------------------------------------------------------------------------- /C14. July-25-2023/css/style.min.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,EACI,QAAA,CACA,SAAA,CACA,6BAAA,CAAA,0BAAA,CAAA,qBAAA,CACA,sCAAA,CAGJ,IACI,UAAA,CACA,eAAA,CACA,UACI,WAAA,CACA,WAAA,CACA,eAAA,CACA,mBAAA,CAAA,oBAAA,CAAA,gBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,iBAAA,CACA,aACI,UAAA,CACA,iBAAA,CACA,eACI,oBAAA,CACA,gBAAA,CACA,UAAA,CACA,cAAA,CACA,aAAA,CAEJ,mBACI,eAAA,CACA,yBACI,aAAA,CAGR,mBACI,UAAA,CACA,eAAA,CACA,iBAAA,CACA,QAAA,CACA,MAAA,CACA,eAAA,CACA,YAAA","file":"style.min.css"} -------------------------------------------------------------------------------- /C6. may-16-2023/hw/pronob/flag.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Flag Of Germany 8 | 9 | 10 | 11 |
12 |
13 |
14 |
15 |
16 | 17 | -------------------------------------------------------------------------------- /C9. june-6-2023/cw2/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 11 | 12 | 13 | 14 |
15 |
16 |
17 |
18 |
19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /C6. may-16-2023/hw/sima/flag.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 |
12 | 13 |
14 |
15 |
16 |
17 |
18 |
19 | 20 | -------------------------------------------------------------------------------- /C6. may-16-2023/hw/Sihab(DSE)Assignment-5/flag.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Flag Of Germany 8 | 9 | 10 | 11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 | 19 | -------------------------------------------------------------------------------- /C13. July-11-2023/cw1/css/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | -webkit-box-sizing: border-box; 6 | } 7 | 8 | .bd { 9 | width: 100%; 10 | height: 100vh; 11 | display: flex; 12 | } 13 | 14 | .dhaka { 15 | margin: auto; 16 | animation: capital 2s infinite linear; 17 | } 18 | 19 | @keyframes capital { 20 | 0% {background: red; width: 150px; height: 150px; transform: rotate(0deg);} 21 | 50% {background: blue; width: 300px; height: 300px; transform: rotate(180deg);} 22 | 100% {background: red; width: 150px; height: 150px; transform: rotate(360deg);} 23 | } -------------------------------------------------------------------------------- /C7. may-23-2023/cw2/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 11 | 12 | 13 | 14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /C13. July-11-2023/cw2/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 | 24 | 25 | -------------------------------------------------------------------------------- /C13. July-11-2023/hw/sumaiya/CSS/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | .main{ 8 | width: 100%; 9 | height: 100vh; 10 | display: flex; 11 | align-items: center; 12 | justify-content: center; 13 | } 14 | 15 | .putin > img{ 16 | width: 450px; 17 | height: 350px; 18 | } 19 | 20 | .extra{ 21 | margin-left: 20px; 22 | } 23 | 24 | .extra > p{ 25 | width: 271px; 26 | margin: 20px 0; 27 | } 28 | 29 | .extra > button{ 30 | border-width: 0; 31 | padding: 8px 16px; 32 | color: #fff; 33 | background: linear-gradient(rgb(110, 110, 10), rgb(15, 167, 15)); 34 | cursor: pointer; 35 | } -------------------------------------------------------------------------------- /C14. July-25-2023/css/style.min.css: -------------------------------------------------------------------------------- 1 | *{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}nav{width:100%;background:#000}nav>.menu{width:750px;margin:auto;list-style:none;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;text-align:center}nav>.menu li{width:100%;position:relative}nav>.menu li a{text-decoration:none;line-height:50px;color:#fff;font-size:20px;display:block}nav>.menu li:hover{background:blue}nav>.menu li:hover>.snav{display:block}nav>.menu li>.snav{width:100%;list-style:none;position:absolute;top:100%;left:0;background:#000;display:none}/*# sourceMappingURL=style.min.css.map */ -------------------------------------------------------------------------------- /C7. may-23-2023/cw1/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |
17 | Bangladesh 18 |
19 |
20 |
21 | Dhaka 22 |
23 |
24 | 25 | 26 | -------------------------------------------------------------------------------- /C9. june-6-2023/cw3/css/style.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&family=Oswald:wght@200;300;400;500;600;700&display=swap'); 2 | 3 | *{ 4 | margin: 0; 5 | padding: 0; 6 | box-sizing: border-box; 7 | } 8 | 9 | .main { 10 | width: 100%; 11 | display: flex; 12 | justify-content: center; 13 | } 14 | 15 | .text { 16 | font-family: 'Oswald', sans-serif; 17 | padding: 10px; 18 | margin: 10px; 19 | border: 1px solid #000; 20 | border-radius: 6px; 21 | } 22 | 23 | .pera { 24 | font-family: 'Dancing Script', cursive; 25 | padding: 10px; 26 | margin: 10px; 27 | border: 1px solid #000; 28 | border-radius: 6px; 29 | } -------------------------------------------------------------------------------- /C13. July-11-2023/hw/Assingment/CSS/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | .main { 8 | width:100%; 9 | height: 100vh; 10 | background: rgb(0, 3, 31); 11 | display: flex; 12 | align-items: center; 13 | justify-content: center; 14 | } 15 | 16 | .main > div > img{ 17 | width: 300px; 18 | height: 350px; 19 | } 20 | 21 | .img1 > img{ 22 | margin-right: 50px; 23 | 24 | } 25 | 26 | .img2 > img{ 27 | margin-right: 50px; 28 | 29 | } 30 | 31 | .main > div > h3{ 32 | margin: 20px 0; 33 | color: #fff; 34 | 35 | } 36 | 37 | .main > div > h3 > span{ 38 | color: rgb(200, 0, 0); 39 | } 40 | 41 | .main > div > p{ 42 | color: #fff; 43 | } 44 | 45 | .main > div > span 46 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /C9. june-6-2023/cw/css/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | .main { 8 | width: 100%; 9 | height: 100vh; 10 | display: flex; 11 | justify-content: space-evenly; 12 | align-items: center; 13 | flex-wrap: wrap; 14 | flex-direction: column; 15 | } 16 | 17 | .pronob, .shihab, .sumaiya { 18 | width: 200px; 19 | height: 200px; 20 | background: dodgerblue; 21 | /* margin: auto; */ 22 | display: flex; 23 | justify-content: center; 24 | align-items: center; 25 | font-size: 36px; 26 | color: #fff; 27 | border-radius: 6px; 28 | box-shadow: 0 0 10px #000, 0 0 10px #000 inset; 29 | text-shadow: 2px 2px 2px #000; 30 | } 31 | 32 | .pronob:hover, .shihab:hover, .sumaiya:hover { 33 | background: orangered; 34 | } -------------------------------------------------------------------------------- /C13. July-11-2023/cw2/css/style.min.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["style.scss"],"names":[],"mappings":"AAKQ,sBAAA,CALR,EACE,QAAA,CACA,SAAA,CACA,6BAAA,CAAA,0BAAA,CAAA,qBAAA,CAiBF,oBACE,oBAAA,CAXA,mBAAA,CAAA,oBAAA,CAAA,gBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,uBAWgB,CAXhB,8BAWgB,CAXhB,oBAWgB,CAXhB,oBAWgB,CAXhB,sBAWgB,CAVhB,qBAUwB,CAVxB,uBAUwB,CAVxB,kBAUwB,CAVxB,kBAUwB,CAVxB,eAUwB,CACxB,kCAAA,CAAA,0BAAA,CACA,mCAAA,CAAA,2BAAA,CACA,2BAlBG,CAqBL,YACE,2FAAA,CAAA,yDAAA,CAAA,sDAAA,CAAA,oDAAA,CAAA,iDAAA,CAGF,MAtBE,mBAAA,CAAA,oBAAA,CAAA,gBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,uBAFkB,CAElB,8BAFkB,CAElB,oBAFkB,CAElB,oBAFkB,CAElB,sBAFkB,CAGlB,wBAH+B,CAG/B,0BAH+B,CAG/B,qBAH+B,CAG/B,qBAH+B,CAG/B,kBAH+B,CA0B/B,UAnBA,WAoBc,CAnBd,YAmBqB,CACnB,cArBF,WAsBgB,CArBhB,YAqBuB,CACnB,kBAvBJ,WAwBkB,CAvBlB,YAuByB,CACnB,sBAzBN,WA0BoB,CAzBpB,YAyB2B,CACnB,0BA3BR,UA4BsB,CA3BtB,WA2B4B","file":"style.min.css"} -------------------------------------------------------------------------------- /C9. june-6-2023/hw/Sumaiya/CSS/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | .main{ 8 | width: 100%; 9 | height: 100vh; 10 | display: flex; 11 | } 12 | 13 | .para{ 14 | 15 | margin: auto; 16 | background-color: #0000FF; 17 | width: 500px; 18 | height: auto; 19 | /* position: absolute; */ 20 | /* top: 50%; 21 | left: 50%; 22 | transform: translate(-50%,-50%); */ 23 | clip-path: polygon(1% 1%, 100% 0%, 80% 100%, 1% 98%); 24 | } 25 | 26 | 27 | 28 | .para{ 29 | color: #fff; 30 | padding: 30px; 31 | } 32 | 33 | 34 | a{ 35 | color: #fff; 36 | text-decoration: none; 37 | border: 1px solid transparent; 38 | background-color: #EC2C55; 39 | padding: 10px 25px; 40 | border-radius: 50px; 41 | 42 | } 43 | 44 | 45 | 46 | 47 | 48 | -------------------------------------------------------------------------------- /C9. june-6-2023/cw/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 11 | 12 | 13 |
14 |
1
15 |
2
16 |
3
17 |
4
18 |
5
19 |
6
20 |
7
21 |
8
22 |
9
23 |
10
24 |
11
25 |
12
26 |
27 | 28 | 29 | -------------------------------------------------------------------------------- /C13. July-11-2023/hw/sumaiya/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 |
11 |
12 | 13 |
14 | 15 |
16 |

Vladimir Putin
17 | President of Russia 18 |

19 |

Vladimir Vladimirovich Putin is a Russian politician and former intelligence officer,serving as current president of Russia. Putin has served continuously as president or prime minister since 1999:as prime minister from 1999 to 2000 and from 2008 to 2012, and as president from 2000 to 2008 and since 2012 20 | 21 |

22 | 23 |
24 |
25 | 26 | -------------------------------------------------------------------------------- /C6. may-16-2023/cw/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 11 | 12 | 13 |
14 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Et, aspernatur. Eaque aut ipsum voluptates saepe 15 | assumenda! Assumenda error amet dicta! Eveniet vero enim quasi repudiandae, deleniti illo tempore, sequi 16 | doloribus expedita explicabo nihil hic iure impedit rem beatae quibusdam iste. Ut sit dignissimos perspiciatis 17 | ab veniam. Aliquam eligendi aut quo? 18 |
19 |
20 | jodi kono text thake 21 |
22 | 23 |
24 | 25 |
26 |
27 |
28 | 29 | 30 | -------------------------------------------------------------------------------- /C6. may-16-2023/cw/css/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | .dhaka { 8 | width: 300px; 9 | background: #29c44a; 10 | padding: 20px; 11 | } 12 | 13 | .khulna { 14 | width: 300px; 15 | height: 200px; 16 | background: rgba(255, 0, 0, 0.5); 17 | margin-top: -40px; 18 | margin-left: 50px; 19 | /* opacity: 0.2; */ 20 | text-align: right; 21 | } 22 | 23 | .messi { 24 | width: 600px; 25 | height: 300px; 26 | border: 1px solid #000; 27 | margin: 20px auto; 28 | background: url("../images/background.jpg"); 29 | background-repeat: no-repeat; 30 | background-size: 100% 100%; 31 | /* background-position: center; */ 32 | } 33 | 34 | .champ { 35 | width: 300px; 36 | height: 200px; 37 | margin: 20px auto; 38 | background: linear-gradient(to top right, black, lime, black); 39 | display: flex; 40 | } 41 | 42 | .cp { 43 | width: 220px; 44 | height: 140px; 45 | background: orange; 46 | margin: auto; 47 | } -------------------------------------------------------------------------------- /C13. July-11-2023/cw2/css/style.scss: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | @import url("./chacchu.css"); 7 | 8 | $bC: rgba(0, 0, 255, 0.8); 9 | 10 | @mixin center ($jc: center, $ai: center) { 11 | display: flex; 12 | justify-content: $jc; 13 | align-items: $ai; 14 | } 15 | 16 | @mixin wh ($w, $h){ 17 | width: $w; 18 | height: $h; 19 | } 20 | 21 | .d1, .d2, .d3, .d4, .d5 { 22 | border: 3px solid #f00; 23 | @include center(center, end); 24 | border-top-left-radius: 50%; 25 | border-top-right-radius: 50%; 26 | background: $bC; 27 | } 28 | 29 | .myBg { 30 | background: linear-gradient(lightblue, lightgreen); 31 | } 32 | 33 | .main{ 34 | @extend .myBg; 35 | @include center(); 36 | >.d1 { 37 | @include wh(200px, 200px); 38 | >.d2{ 39 | @include wh(170px, 170px); 40 | >.d3{ 41 | @include wh(140px, 140px); 42 | >.d4{ 43 | @include wh(110px, 110px); 44 | >.d5{ 45 | @include wh(80px, 80px); 46 | } 47 | } 48 | } 49 | } 50 | } 51 | } -------------------------------------------------------------------------------- /C14. July-25-2023/css/style.scss: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | font-family: Arial, Helvetica, sans-serif; 6 | } 7 | 8 | nav { 9 | width: 100%; 10 | background: #000; 11 | >.menu{ 12 | width: 750px; 13 | margin: auto; 14 | list-style: none; 15 | display: flex; 16 | text-align: center; 17 | li{ 18 | width: 100%; 19 | position: relative; 20 | a{ 21 | text-decoration: none; 22 | line-height: 50px; 23 | color: #fff; 24 | font-size: 20px; 25 | display: block; 26 | } 27 | &:hover{ 28 | background: #00f; 29 | >.snav{ 30 | display: block; 31 | } 32 | } 33 | >.snav{ 34 | width: 100%; 35 | list-style: none; 36 | position: absolute; 37 | top: 100%; 38 | left: 0; 39 | background: #000; 40 | display: none; 41 | } 42 | } 43 | } 44 | } -------------------------------------------------------------------------------- /C13. July-11-2023/hw/Assingment/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 |
11 |
12 | 13 |

LOREM IPSUM DOLOR

14 |

Lorem ipsum dolor sitamet consectetur adipiscing
elit, sed do eiusmad tempor incididunt

15 |
16 | 17 |
18 | 19 |

LOREM IPSUM DOLOR

20 |

Lorem ipsum dolor sitamet consectetur adipiscing
elit, sed do eiusmad tempor incididunt

21 |
22 | 23 |
24 | 25 |

LOREM IPSUM DOLOR

26 |

Lorem ipsum dolor sitamet consectetur adipiscing
elit, sed do eiusmad tempor incididunt

27 |
28 |
29 | 30 | -------------------------------------------------------------------------------- /C9. june-6-2023/hw/Sihab(DSE)Assignment-7/css/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | @font-face { 8 | font-family: DejaVu Sans; 9 | src: url(../fonts/dejavu-sans.book\ \(1\).ttf); 10 | } 11 | 12 | .main{ 13 | width: 100%; 14 | height: 100vh; 15 | display: flex; 16 | background: darkgrey; 17 | } 18 | 19 | .main > .container{ 20 | width: 640px; 21 | height: 360px; 22 | margin: auto; 23 | background: url(../imagea/putin.png) no-repeat left /contain #fff; 24 | } 25 | 26 | .main > .container > .text{ 27 | width: 100%; 28 | height: 100%; 29 | color: #000; 30 | font-family: 'DejaVu Sans'; 31 | padding-left: 340.5px; 32 | padding-top: 67.5px; 33 | margin-right: 126.5px; 34 | 35 | } 36 | 37 | .main > .container > .text > h2{ 38 | font-size: 24.5px; 39 | margin-bottom: 27.5px; 40 | } 41 | 42 | .main > .container > .text > p{ 43 | font-size: 12px; 44 | margin-bottom: 17.5px; 45 | margin-right: 45.5px; 46 | } 47 | 48 | .main > .container > .text > button{ 49 | width: 84.5px; 50 | height: 25.5px; 51 | background: url(../imagea/button.png) no-repeat center /contain ; 52 | border: 0; 53 | cursor: pointer; 54 | 55 | } -------------------------------------------------------------------------------- /C8. may-30-2023/css/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | @font-face { 8 | font-family: 'myFont'; 9 | src: url("../fonts/dejavu-sans.book.ttf"); 10 | } 11 | 12 | .main { 13 | width: 100%; 14 | height: 100vh; 15 | display: flex; 16 | background: darkgrey; 17 | } 18 | 19 | .main > .container { 20 | width: 640px; 21 | height: 360px; 22 | margin: auto; 23 | background: url("../images/messi.png") no-repeat right /contain, #fff; 24 | } 25 | 26 | .main > .container > .text { 27 | width: 432.5px; 28 | height: 100%; 29 | background: #00f; 30 | color: #fff; 31 | font-family: 'myFont'; 32 | padding-left: 85px; 33 | padding-top: 32px; 34 | padding-right: 52px; 35 | clip-path: polygon(0% 0%, 100% 0%, 83.7% 100%, 0% 100%); 36 | } 37 | 38 | .main > .container > .text > h2 { 39 | font-size: 26px; 40 | margin-bottom: 32px; 41 | } 42 | 43 | .main > .container > .text > p { 44 | font-size: 12px; 45 | margin-bottom: 20px; 46 | } 47 | 48 | .main > .container > .text > button { 49 | width: 121px; 50 | height: 33px; 51 | background: url("../images/button.png") no-repeat center /cover; 52 | border: 0; 53 | cursor: pointer; 54 | } -------------------------------------------------------------------------------- /C9. june-6-2023/hw/Sihab(DSE)Assignment-7/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 |
12 |
13 |
14 |

Vladimir Putin 15 | President of Russia 16 |

17 |

Vladimir Vladimirovich Putin is a Russian 18 | politician and former intelligence officer, 19 | serving as the current president of Russia. 20 | Putin has served continuously as president 21 | or prime minister since 1999: as prime 22 | minister from 1999 to 2000 and from 2008 23 | to 2012, and as president from 2000 to 2008 24 | and since 2012

25 | 26 | 27 |
28 |
29 |
30 | 31 | -------------------------------------------------------------------------------- /C14. July-25-2023/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 11 | 27 | 28 | -------------------------------------------------------------------------------- /C9. june-6-2023/cw2/css/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | .main { 8 | width: 100%; 9 | height: 100vh; 10 | display: flex; 11 | } 12 | 13 | .flag { 14 | width: 300px; 15 | height: 200px; 16 | background: #0a0; 17 | display: flex; 18 | margin: auto; 19 | border: 1px solid #000; 20 | box-shadow: 0 0 10px #000, 0 0 10px #000 inset; 21 | border-radius: 6px 6px 0 0; 22 | position: relative; 23 | } 24 | 25 | .golla { 26 | width: 140px; 27 | height: 140px; 28 | margin: auto; 29 | background: #f00; 30 | border-radius: 50%; 31 | box-shadow: 0 0 10px #000, 0 0 10px #000 inset; 32 | border: 1px solid #000; 33 | } 34 | 35 | .flag::before { 36 | content: "Bangladesh"; 37 | position: absolute; 38 | width: 100%; 39 | line-height: 40px; 40 | bottom: -42px; 41 | text-align: center; 42 | border: 1px solid #000; 43 | border-top-width: 0; 44 | background: #fff; 45 | box-shadow: 0 0 10px #000, 0 0 10px #000 inset; 46 | left: -1px; 47 | text-transform: uppercase; 48 | letter-spacing: 2px; 49 | text-shadow: 0 0 2px #000; 50 | } 51 | 52 | .flag:hover { 53 | background: #fff; 54 | } 55 | 56 | .flag:hover::before { 57 | content: "Japan"; 58 | } -------------------------------------------------------------------------------- /C9. june-6-2023/hw/Sihab(DSE)Assignment-6/css/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | @font-face { 8 | font-family: DejaVu Sans; 9 | src: url(../fonts/dejavu-sans.book.ttf); 10 | } 11 | 12 | .main{ 13 | width: 100%; 14 | height: 100vh; 15 | display: flex; 16 | background:darkgrey ; 17 | } 18 | 19 | .main > .container{ 20 | 21 | width: 640px; 22 | height: 360px; 23 | margin: auto; 24 | background: url(../images/messi\ \(1\).png) no-repeat right /contain #fff; 25 | 26 | } 27 | 28 | .main > .container > .text{ 29 | width: 432.5px; 30 | height: 100%; 31 | background: #00f; 32 | color: #fff; 33 | font-family:DejaVu Sans ; 34 | padding-left: 85px; 35 | padding-top: 32px; 36 | padding-right: 52px; 37 | clip-path: polygon(0% 0%, 100% 0%, 83.7% 100%, 0% 100%); 38 | } 39 | 40 | .main > .container > .text > h2{ 41 | font-size: 26px; 42 | margin-bottom: 32px; 43 | } 44 | 45 | .main > .container > .text > p{ 46 | font-size: 12px; 47 | margin-bottom: 20px; 48 | } 49 | 50 | .main > .container > .text > button{ 51 | width: 121px; 52 | height: 33px; 53 | background: url(../images/button.png) no-repeat center /cover; 54 | border: 0; 55 | cursor: pointer; 56 | } -------------------------------------------------------------------------------- /C9. june-6-2023/hw/Sihab(DSE)Assignment-6/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 |
12 |
13 |
14 |

Lionel Messi

15 |

Messi started playing football as a boy and in 16 | 1995 joined the youth team of Newell’s Old B 17 | oys (a Rosario-based top-division football club). 18 | Messi’s phenomenal skills garnered the attention 19 | of p restigious clubs on both sides of the Atlantic. 20 | At age 13 Messi and his family relocated to 21 | Barcelona, and he began playing for FC 22 | Barcelona’s under-14 team. He scored 21 goals 23 | in 14 games for the junior team, and he quickly 24 | graduated through the higher-level teams until 25 | at age 16 he was given his informal debut with 26 | FC Barcelona in a friendly match.

27 | 28 | 29 | 30 |
31 |
32 |
33 | 34 | -------------------------------------------------------------------------------- /C3. apr-25-2023/cw/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 11 | 12 |
13 |
14 | 15 |
16 |
17 | 27 |
28 |
29 |
30 | 31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /C9. june-6-2023/hw/Sumaiya/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 |
13 | 14 |
15 |

Lionel Messi



16 |

Messi started playing football as a boy and in
1995 joined the youth team of Newell's Old B
oys (a Rosaro-based top-division football club).
Messi's phenomenal skills garnered the attention
of p restigious clubs on both sides of the Atlantic.
At age 13 Messi and his family relocated to
Barcelona, and he began playing for FC
Barcelona's under-14 team. He scored 21 goals
in 14 games for the junior team, and he quickly
graduated through the higher-level teams until
at age 16 he was given his informal debut with
FC Barcelona in a friendly match



17 | 18 |
19 | 20 | Read More 21 |
22 | 23 | 24 |
25 | 26 | 27 | 28 |
29 | 30 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /C8. may-30-2023/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |

Lionel Messi

17 |

Messi started playing football as a boy and in 18 | 1995 joined the youth team of Newell’s Old B 19 | oys (a Rosario-based top-division football club). 20 | Messi’s phenomenal skills garnered the attention 21 | of p restigious clubs on both sides of the Atlantic. 22 | At age 13 Messi and his family relocated to 23 | Barcelona, and he began playing for FC 24 | Barcelona’s under-14 team. He scored 21 goals 25 | in 14 games for the junior team, and he quickly 26 | graduated through the higher-level teams until 27 | at age 16 he was given his informal debut with 28 | FC Barcelona in a friendly match.

29 | 30 |
31 |
32 |
33 | 34 | 35 | -------------------------------------------------------------------------------- /C3. apr-25-2023/hw/Abdulla-79/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Form 8 | 9 | 10 |
11 | 12 |
13 | Please Register 14 |
15 | 16 |

17 | 18 |

19 | 20 |

21 | 22 | Male 23 | Female 24 | Other

25 | 26 |

27 | 28 | I Agree

29 | Submit 30 |
31 |
32 | 33 |
34 | 35 | 36 | -------------------------------------------------------------------------------- /C3. apr-25-2023/hw/sumaiya/work2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 |

Here is 4 types of Newspapers

13 | 14 | 15 | 16 |



17 | 18 |



19 | 20 |

Here is 2 types of Videos

 21 | 22 |
23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 | -------------------------------------------------------------------------------- /C13. July-11-2023/cw2/css/style.min.css: -------------------------------------------------------------------------------- 1 | @import"./chacchu.css";*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.d1,.d2,.d3,.d4,.d5{border:3px solid red;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-webkit-align-items:end;-moz-box-align:end;-ms-flex-align:end;align-items:end;-webkit-border-top-left-radius:50%;border-top-left-radius:50%;-webkit-border-top-right-radius:50%;border-top-right-radius:50%;background:rgba(0,0,255,.8)}.myBg,.main{background:-webkit-gradient(linear, left top, left bottom, from(lightblue), to(lightgreen));background:-webkit-linear-gradient(lightblue, lightgreen);background:-moz-linear-gradient(lightblue, lightgreen);background:-o-linear-gradient(lightblue, lightgreen);background:linear-gradient(lightblue, lightgreen)}.main{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.main>.d1{width:200px;height:200px}.main>.d1>.d2{width:170px;height:170px}.main>.d1>.d2>.d3{width:140px;height:140px}.main>.d1>.d2>.d3>.d4{width:110px;height:110px}.main>.d1>.d2>.d3>.d4>.d5{width:80px;height:80px}/*# sourceMappingURL=style.min.css.map */ -------------------------------------------------------------------------------- /C2. apr-18-2023/hw/shihab.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |
11 | 12 |

This is heading 1

13 |

This is heading 2

14 |

This is heading 3

15 |

This is heading 4

16 |
This is heading 5
17 |
This is heading 6
18 | 19 | Bangladesh
20 | India
21 | USA 22 | 23 |

24 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium possimus maiores, at eligendi debitis earum aliquam voluptas obcaecati quod fugiat fuga perferendis perspiciatis recusandae praesentium quia sed libero! Beatae earum ipsum sequi omnis quaerat facilis architecto quae fugiat, ex impedit aliquam quis suscipit. Vero nemo voluptatibus, excepturi et odio repellat? 25 |

26 | 27 | 28 | 29 |

30 | 31 | 32 |

33 | 34 | 35 | 36 |
37 | 38 | -------------------------------------------------------------------------------- /C2. apr-18-2023/hw/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | My first HTML 9 | 10 | 11 | 12 |
13 |

This is heading 1

14 |

This is heading 2

15 |

This is heading 3

16 |

This is heading 4

17 |
This is heading 5
18 |
This is heading 6
19 | 20 | Bangladesh
21 | India
22 | USA
23 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum ipsam 24 | perspiciatis dolors, eligendi, illo, corrupti molestias atque vitae omnis numquam dolore? Laudantum ducimus 25 | minima doloribus sint veritatis quam voluptatem deserunt aperian autem distinction minus, accusantium odit 26 | et asperiores cum, ex aut architecto, porro animi culpa. Place aspernatur cum molestiac totum? 27 | 28 |

29 | 30 | 31 |

32 | 33 | 34 |

35 | 36 | 37 | 38 | 39 |
40 | 41 | 42 | -------------------------------------------------------------------------------- /C1. apr-11-2023/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 11 | 12 |
13 | 14 |

This is heading 1

15 |

This is heading 2

16 |

This is heading 3

17 |

This is heading 4

18 |
This is heading 5
19 |
This is heading 6
20 | 21 | 22 | Bangladesh
23 | India
24 | USA 25 | 26 | 27 |

28 | Lorem ipsum dolorsit amet 29 | consectetur adipisicing elit. Earum ipsam perspiciatis dolores, 30 | eligendi, illo, corrupti molestias atque vitae omnis numquam dolore? 31 | Laudantium ducimus minima doloribus sint veritatis quam voluptatem 32 | deserunt aperiam autem distinctio minus, accusantium odit et asperiores 33 | cum, ex aut architecto, porro animi culpa. Placeat aspernatur cum 34 | molestiae totam? 35 |

36 | 37 | 38 | 39 | 40 | 41 |

42 | 43 | 44 | 45 |

46 | 47 | 48 | 49 |
50 | 51 | 52 | -------------------------------------------------------------------------------- /C12. July-4-2023/transform/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Batch 81M 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 | Transform, Scale, Skew, Rotate 16 |
17 |
18 |
19 |
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Totam possimus a tempora est delectus veritatis 20 | quo ipsam nobis similique dolorem. Ipsum velit rerum voluptatem possimus exercitationem totam iure a 21 | aliquam!
22 |
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Totam possimus a tempora est delectus veritatis 23 | quo ipsam nobis similique dolorem. Ipsum velit rerum voluptatem possimus exercitationem totam iure a 24 | aliquam!
25 |
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Totam possimus a tempora est delectus veritatis 26 | quo ipsam nobis similique dolorem. Ipsum velit rerum voluptatem possimus exercitationem totam iure a 27 | aliquam!
28 |
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Totam possimus a tempora est delectus veritatis 29 | quo ipsam nobis similique dolorem. Ipsum velit rerum voluptatem possimus exercitationem totam iure a 30 | aliquam!
31 |
32 | 33 | 34 | -------------------------------------------------------------------------------- /C7. may-23-2023/cw2/css/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | .main { 8 | width: 100%; 9 | height: 100vh; 10 | display: flex; 11 | } 12 | 13 | .pain { 14 | margin: auto; 15 | width: 300px; 16 | height: 300px; 17 | background: url("../images/shakib.jpg"); 18 | position: relative; 19 | overflow: hidden; 20 | } 21 | 22 | .rain { 23 | width: 150px; 24 | height: 150px; 25 | background: url("../images/apu.jpg"); 26 | position: absolute; 27 | top: -150px; 28 | left:-150px; 29 | transition: 0.5s; 30 | } 31 | 32 | .gain { 33 | width: 150px; 34 | height: 150px; 35 | background: url("../images/bubli.jpg"); 36 | position: absolute; 37 | top: -150px; 38 | right: -150px; 39 | transition: 0.5s; 40 | transition-delay: 0.5s; 41 | } 42 | 43 | .chain { 44 | width: 150px; 45 | height: 150px; 46 | background: url("../images/puja.jpg"); 47 | position: absolute; 48 | bottom: -150px; 49 | left: -150px; 50 | transition: 0.5s; 51 | transition-delay: 1s; 52 | } 53 | 54 | .kane { 55 | width: 150px; 56 | height: 150px; 57 | background: url("../images/dikhi.jpg"); 58 | position: absolute; 59 | right: -150px; 60 | bottom: -150px; 61 | transition: 0.5s; 62 | transition-delay: 1.5s; 63 | } 64 | 65 | .pain:hover .rain{ 66 | top: 0px; 67 | left: 0px; 68 | } 69 | 70 | .pain:hover .gain{ 71 | top: 0px; 72 | right: 0px; 73 | } 74 | 75 | .pain:hover .chain{ 76 | bottom: 0px; 77 | left: 0px; 78 | } 79 | 80 | .pain:hover .kane{ 81 | bottom: 0px; 82 | right: 0px; 83 | } -------------------------------------------------------------------------------- /C2. apr-18-2023/hw/pornob.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 2nd Class Homework 8 | 9 | 10 |
11 |

This is Heading 1

12 |

This is Heading 2

13 |

This is Heading 3

14 |

This is Heading 4

15 |
This is Heading 5
16 |
This is Heading 6
17 | 18 | This is a Bold Sentence
19 | This is Italic
20 | This is underlined Sentence
21 | 22 | 23 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio vel mollitia molestiae tempore ex odio laboriosam incidunt alias consequatur, in quos, ducimus illo blanditiis non obcaecati fuga impedit ipsum? Porro laboriosam facilis aliquam eum et perferendis sed? Qui, eius vel voluptate dicta, incidunt porro eligendi consequuntur dolorem est odit ad exercitationem laborum quibusdam, hic in quisquam ea neque libero aut nemo iste sunt officia aperiam. Ex adipisci voluptatum incidunt consectetur veniam saepe necessitatibus aut nesciunt! Voluptas fugiat ad pariatur eveniet mollitia repellendus dolorum odit laboriosam quibusdam delectus nisi tempore harum ea esse odio aliquam provident velit similique nostrum, eligendi vitae!

24 | 25 | 26 | 27 | 28 |
29 | 30 | -------------------------------------------------------------------------------- /C5. may-9-2023/cw/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 15 | 16 | 17 | 18 | 19 |
20 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates aut fuga quae quam quaerat fugiat. 21 | Perspiciatis, ex qui? Modi, quis molestias! Accusamus eligendi error quibusdam cupiditate, minima fuga illo 22 | natus. 23 |
24 | 25 |
26 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit eaque beatae, eligendi eos molestiae in enim 27 | quaerat cum, veritatis id, tenetur consequuntur. Omnis ipsum aspernatur odit numquam. Ducimus, architecto earum. 28 |
29 | 30 | 31 | 32 |
33 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore minus provident quos atque illo, laboriosam 34 | ab quidem reprehenderit alias dolorem veniam magni labore odit asperiores corporis. Cum ullam odio assumenda. 35 |
36 | 37 | Bngladesh 38 | Inida 39 | USA 40 |
Holand
41 |

Pakistan

42 |
Denmark
43 |

44 | BD 45 | BD 46 | BD 47 | 48 | 49 | -------------------------------------------------------------------------------- /C9. june-6-2023/cw3/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 11 | 12 | 13 |
14 |
15 | Lorem ipsum dolor sit, amet consectetur adipisicing elit. Debitis perspiciatis libero quaerat commodi! 16 | Incidunt 17 | asperiores accusantium quae eaque nemo optio, aliquam hic facere dicta, cupiditate eius saepe laborum 18 | quisquam 19 | inventore. 20 |
21 |
22 | Lorem, ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit et aliquam praesentium consectetur 23 | illo? 24 | Sint, fugit amet? Error omnis vero cumque reprehenderit, temporibus quae necessitatibus sequi ducimus sed 25 | nam 26 | iusto! 27 |
28 |
29 | Lorem ipsum dolor sit, amet consectetur adipisicing elit. Debitis perspiciatis libero quaerat commodi! 30 | Incidunt 31 | asperiores accusantium quae eaque nemo optio, aliquam hic facere dicta, cupiditate eius saepe laborum 32 | quisquam 33 | inventore. 34 |
35 |
36 | Lorem, ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit et aliquam praesentium consectetur 37 | illo? 38 | Sint, fugit amet? Error omnis vero cumque reprehenderit, temporibus quae necessitatibus sequi ducimus sed 39 | nam 40 | iusto! 41 |
42 |
43 | 44 | 45 | -------------------------------------------------------------------------------- /C5. may-9-2023/cw/style.css: -------------------------------------------------------------------------------- 1 | .sb{ 2 | border-width: 0; 3 | width: 100px; 4 | height: 40px; 5 | background: red; 6 | color: white; 7 | font-weight: bold; 8 | border-radius: 6px; 9 | cursor: pointer; 10 | } 11 | 12 | /* 13 | this is a comment 14 | */ 15 | 16 | /* this is another comment */ 17 | 18 | .text { 19 | font-size: 18px; 20 | font-style: italic; 21 | font-family: arial; 22 | font-weight: bolder; 23 | /* text-transform: uppercase; */ 24 | font-variant: small-caps; 25 | letter-spacing: 3px; 26 | word-spacing: 6px; 27 | text-decoration: underline; 28 | text-align: center; 29 | color: red; 30 | text-shadow: 2px 2px 3px black; 31 | width: 400px; 32 | /* margin-top: 20px; 33 | margin-left: auto; 34 | margin-right: auto; 35 | margin-bottom: 520px; */ 36 | /* margin: 20px auto 20px auto; */ 37 | /* margin: 20px auto; */ 38 | margin: 40px; 39 | /* border-width: 2px; 40 | border-style: solid; 41 | border-color: red; */ 42 | border: 2px solid red; 43 | padding: 20px 30px; 44 | box-shadow: 0px 0px 10px black; 45 | } 46 | 47 | .p{ 48 | display: inline; 49 | background: lightcoral; 50 | padding: 20px; 51 | margin: 20px; 52 | /* 53 | margin: auto; 54 | margin-left: auto; 55 | margin-top: 200px; 56 | width: 200px; 57 | height: 300px; 58 | */ 59 | } 60 | .d{ 61 | display: inline; 62 | } 63 | .b{ 64 | display: block; 65 | width: 300px; 66 | background: lightblue; 67 | height: 50px; 68 | margin: 30px auto; 69 | text-align: center; 70 | line-height: 50px; 71 | } 72 | 73 | .kuddusBoyati { 74 | display: inline-block; 75 | width: 300px; 76 | height: 50px; 77 | line-height: 50px; 78 | text-align: center; 79 | background: hotpink; 80 | color: white; 81 | margin: 20px; 82 | } 83 | 84 | -------------------------------------------------------------------------------- /C3. apr-25-2023/hw/pronob/homework2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 2nd Homework 8 | 20 | 21 | 22 | 23 | 24 | This is an example of a slide marquee... 25 | 26 |
27 | 28 |
29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 |
37 |
38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 |
46 | 47 |
48 | 49 |
50 | 51 | 52 | 53 | 54 |
55 | 56 | -------------------------------------------------------------------------------- /problem/GRID/CSS/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | .masionary { 8 | 9 | display: grid; 10 | grid-gap: 6px; 11 | padding: 6px; 12 | width: 100vw; 13 | height: 200vh; 14 | overflow: hidden; 15 | grid-template-areas: 16 | "a1 a1 a2 a3" 17 | "a4 a5 a5 a3" 18 | "a6 a7 a8 a9" 19 | "a6 a10 a11 a12" 20 | "a13 a14 a15 a15" 21 | "a13 a16 a16 a16"; 22 | } 23 | 24 | .masionary > div { 25 | overflow: hidden; 26 | } 27 | .masionary > div > img{ 28 | width: 100%; 29 | height: 100%; 30 | object-fit: cover; 31 | object-position: center; 32 | transition: 0.5s; 33 | } 34 | 35 | .masionary > div:hover>img{ 36 | width:120% ; 37 | height: 120%; 38 | } 39 | 40 | .masionary > div:first-child{ 41 | grid-area: a1; 42 | } 43 | 44 | .masionary > div:nth-child(2){ 45 | grid-area: a2; 46 | } 47 | 48 | .masionary > div:nth-child(3){ 49 | grid-area: a3; 50 | } 51 | 52 | .masionary > div:nth-child(4){ 53 | grid-area: a4; 54 | } 55 | 56 | .masionary > div:nth-child(5){ 57 | grid-area: a5; 58 | } 59 | 60 | .masionary > div:nth-child(6){ 61 | grid-area: a6; 62 | } 63 | 64 | .masionary > div:nth-child(7){ 65 | grid-area: a7; 66 | } 67 | 68 | .masionary > div:nth-child(8){ 69 | grid-area: a8; 70 | } 71 | 72 | .masionary > div:nth-child(9){ 73 | grid-area: a9; 74 | } 75 | 76 | .masionary > div:nth-child(10){ 77 | grid-area: a10; 78 | } 79 | 80 | .masionary > div:nth-child(11){ 81 | grid-area: a11; 82 | } 83 | 84 | .masionary > div:nth-child(12){ 85 | grid-area: a12; 86 | } 87 | 88 | .masionary > div:nth-child(13){ 89 | grid-area: a13; 90 | } 91 | 92 | .masionary > div:nth-child(14){ 93 | grid-area: a14; 94 | } 95 | 96 | .masionary > div:nth-child(15){ 97 | grid-area: a15; 98 | } 99 | 100 | .masionary > div:nth-child(16){ 101 | grid-area: a16; 102 | } 103 | 104 | -------------------------------------------------------------------------------- /problem/GRID/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 |
11 | 12 |
13 | 14 |
15 | 16 |
17 | 18 |
19 | 20 |
21 | 22 |
23 | 24 |
25 | 26 |
27 | 28 |
29 | 30 | 31 |
32 |
33 | 34 | 35 |
36 |
37 | 38 | 39 |
40 |
41 | 42 | 43 |
44 |
45 | 46 | 47 |
48 |
49 | 50 | 51 |
52 |
53 | 54 | 55 |
56 |
57 | 58 | 59 |
60 |
61 | 62 | 63 |
64 |
65 | 66 | 67 |
68 |
69 | 70 | 71 |
72 | 73 |
74 | 75 | 76 |
77 | 78 |
79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | -------------------------------------------------------------------------------- /C12. July-4-2023/transform/css/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | cursor: url("../images/cursor.png"), auto; 6 | } 7 | 8 | body { 9 | animation: ba 2s infinite; 10 | } 11 | 12 | @keyframes ba { 13 | 0% {background: lightblue;} 14 | 50% {background: lightgoldenrodyellow;} 15 | 100% {background: lightblue;} 16 | } 17 | 18 | .main { 19 | width: 100%; 20 | height: 100vh; 21 | display: flex; 22 | justify-content: center; 23 | align-items: center; 24 | } 25 | 26 | .main > div { 27 | padding: 20px; 28 | border: 1px solid #ccc; 29 | border-radius: 6px; 30 | box-shadow: 0px 0px 0px #000, 0 0 3px #ddd inset; 31 | transition: 0.5s; 32 | margin: 0 6px; 33 | background: #fff; 34 | cursor: pointer; 35 | } 36 | 37 | .d1:hover { 38 | transform: translate(-9px, -9px) scale(0.9) skew(-9deg, 9deg) rotateX(9deg) rotateY(-9deg) rotateZ(-6deg); 39 | box-shadow: 9px 9px 9px #000, 0 0 3px #ddd inset; 40 | } 41 | 42 | 43 | .pain { 44 | width: 100%; 45 | display: grid; 46 | } 47 | 48 | .pain > div { 49 | background: #fff; 50 | } 51 | 52 | @media screen and (min-width: 1020px) { 53 | .pain { 54 | padding: 20px; 55 | grid-template-columns: repeat(4, 1fr); 56 | grid-gap: 20px; 57 | } 58 | 59 | .pain > div { 60 | padding: 20px; 61 | color: red; 62 | border: 1px solid red; 63 | } 64 | } 65 | 66 | @media screen and (min-width: 720px) and (max-width: 1020px) { 67 | .pain { 68 | padding: 16px; 69 | grid-template-columns: repeat(2, 1fr); 70 | grid-gap: 16px; 71 | } 72 | 73 | .pain > div { 74 | padding: 16px; 75 | color: green; 76 | border: 1px solid green; 77 | } 78 | } 79 | 80 | @media screen and (max-width: 720px) { 81 | .pain { 82 | padding: 12px; 83 | grid-template-columns: repeat(1, 1fr); 84 | grid-gap: 12px; 85 | } 86 | 87 | .pain > div { 88 | padding: 12px; 89 | color: blue; 90 | border: 1px solid blue; 91 | } 92 | 93 | } 94 | -------------------------------------------------------------------------------- /C6. may-16-2023/cw/images/fifa.svg: -------------------------------------------------------------------------------- 1 | 2 | image/svg+xml 40 | 46 | 47 | -------------------------------------------------------------------------------- /C4. may-2-2023/hw/form.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |
11 | 12 | 13 |

14 | 15 | 16 |

17 | 18 | 19 |

20 | 21 | 22 |

23 | 24 | Male 25 | Female 26 | Other 27 |

28 | 29 | 30 |

31 | 32 | 33 |

34 | 35 | 43 |

44 | 45 | HTML 46 | CSS 47 | Javascript 48 |

49 | 50 | 51 |

52 | 53 | 54 |

55 | 56 |
57 | 58 | -------------------------------------------------------------------------------- /C7. may-23-2023/cw1/css/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | body { 8 | background: url("../images/bodybg.jpg"); 9 | } 10 | 11 | .abul { 12 | width: calc(100% - 40px); 13 | height: 200px; 14 | background: linear-gradient(to top right, cornflowerblue, limegreen, white, limegreen, hotpink); 15 | margin: 20px; 16 | padding: 20px; 17 | } 18 | 19 | .babul { 20 | width: 150px; 21 | height: 150px; 22 | margin: auto; 23 | border-radius: 50%; 24 | background: radial-gradient(white 50%, blue, black); 25 | } 26 | 27 | .kabul { 28 | width: 600px; 29 | height: 300px; 30 | margin: 30px auto; 31 | border: 2px solid #000; 32 | /* 33 | background-image: url("../images/computer.png"); 34 | background-repeat: no-repeat; 35 | background-position: center; 36 | background-size: 200px; 37 | background-color: aqua; 38 | */ 39 | 40 | background: linear-gradient(to top right, rgba(0,0,0,0.6), rgba(255,255,255,0.2), rgba(0,0,0,0.6)), url("../images/computer.png") no-repeat center /200px, aqua; 41 | } 42 | 43 | .mokbul { 44 | width: 100%; 45 | height: max-content; 46 | background: url("../images/bg.jpg"); 47 | background-size: 100% auto; 48 | background-position: center; 49 | background-attachment: fixed; 50 | font: italic small-caps bolder 180px auto arial; 51 | text-align: center; 52 | color: transparent; 53 | background-clip: text; 54 | -webkit-background-clip: text; 55 | } 56 | 57 | .bulbul { 58 | width: 100%; 59 | height: 100vh; 60 | } 61 | 62 | .bul { 63 | width: 600px; 64 | height: 300px; 65 | background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url("../images/bg.jpg"); 66 | background-size: cover; 67 | margin: 50px auto; 68 | display: flex; 69 | justify-content: center; 70 | align-items: center; 71 | text-transform: uppercase; 72 | font-size: 48px; 73 | color: #fff; 74 | clip-path: polygon(0% 50%, 50% 0%, 100% 50%, 50% 100%); 75 | position: relative; 76 | } 77 | .pitbul { 78 | width: 640px; 79 | height: 340px; 80 | background: #000; 81 | margin: 50px auto; 82 | clip-path: polygon(0% 50%, 50% 0%, 100% 50%, 50% 100%); 83 | position: relative; 84 | top: -370px; 85 | z-index: -1; 86 | } -------------------------------------------------------------------------------- /C3. apr-25-2023/cw/form.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 11 | 12 |
13 |
14 | 15 |

16 | 17 | 18 |

19 | 20 |

21 | 22 |

23 | 24 | 25 | Male 26 | Female 27 | Tiktoker 28 |

29 | 30 | 31 | HTML 32 | CSS 33 | JavaScript 34 |

35 | 36 | 37 | 47 |

48 | 49 | 50 |

51 | 52 | 55 | 56 |

57 | 58 | 59 |

60 | 61 | 62 |

63 | 64 | 65 |

66 | 67 | 68 |

69 | 70 | 71 |

72 | 73 | 74 |

75 | 76 | 77 | 78 | 79 |
80 | 81 | 82 | -------------------------------------------------------------------------------- /C10. june-13-2023/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 |
13 |
14 | 15 |

Person Mia

16 |

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolorum quod neque saepe obcaecati ipsam et 17 | eligendi atque ducimus quis. Optio ipsum eligendi incidunt maiores adipisci nostrum accusamus 18 | voluptatibus voluptas iusto.

19 | 20 |
21 |
22 | 23 |

Person Mia

24 |

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolorum quod neque saepe obcaecati ipsam et 25 | eligendi atque ducimus quis. Optio ipsum eligendi incidunt maiores adipisci nostrum accusamus 26 | voluptatibus voluptas iusto.

27 | 28 |
29 |
30 | 31 |

Person Mia

32 |

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolorum quod neque saepe obcaecati ipsam et 33 | eligendi atque ducimus quis. Optio ipsum eligendi incidunt maiores adipisci nostrum accusamus 34 | voluptatibus voluptas iusto.

35 | 36 |
37 |
38 | 39 |
40 |
41 | 42 |
43 |
44 | 45 |
46 |
47 | 48 |
49 |
50 | 51 |
52 |
53 | 54 |
55 |
56 | 57 |
58 |
59 | 60 |
61 |
62 | 63 |
64 |
65 | 66 |
67 |
68 | 69 |
70 |
71 | 72 |
73 |
74 | 75 |
76 |
77 | 78 |
79 |
80 | 81 |
82 |
83 | 84 |
85 |
86 | 87 |
88 |
89 | 90 | 91 | -------------------------------------------------------------------------------- /C3. apr-25-2023/cw/table.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 |
46 |

47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 |
S.N.Student NameStudent CityStudent Age
01Kamal miaDhaka20
02Jamal miaDhaka20
03Tamal miaDhaka20
04Akmal miaDhaka20
79 |

80 |
81 |
82 | 83 | 84 | 87 | 88 | 91 | 92 | 93 | 96 | 97 | 100 | 101 | 102 | 105 | 106 | 109 | 110 |
85 | 86 | : 89 | 90 |
94 | 95 | : 98 | 99 |
103 | 104 | : 107 | 108 |
111 |
112 |
113 | 114 | 115 | -------------------------------------------------------------------------------- /C10. june-13-2023/css/style.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap'); 2 | 3 | *{ 4 | margin: 0; 5 | padding: 0; 6 | box-sizing: border-box; 7 | font-family: Oswald; 8 | } 9 | 10 | .parent { 11 | width: 100%; 12 | height: 100vh; 13 | display: grid; 14 | grid-template-columns: repeat(3, 1fr); 15 | grid-gap: 20px; 16 | padding: 20px; 17 | } 18 | 19 | .chield-1 { 20 | background: dodgerblue; 21 | } 22 | 23 | .chield-2 { 24 | background: limegreen; 25 | } 26 | 27 | .chield-3 { 28 | background: orange; 29 | } 30 | 31 | .parent > div { 32 | display: flex; 33 | flex-direction: column; 34 | justify-content: center; 35 | align-items: center; 36 | padding: 0 20px; 37 | box-shadow: 0 0 10px #000, 0 0 3px #000 inset; 38 | border-radius: 6px; 39 | } 40 | 41 | .parent > div > img { 42 | border-radius: 50%; 43 | } 44 | 45 | .parent > div > p { 46 | text-align: center; 47 | font-style: italic; 48 | text-shadow: 1px 1px 1px #fff; 49 | } 50 | 51 | .parent > div > h2 { 52 | line-height: 40px; 53 | margin: 9px 0; 54 | } 55 | 56 | .parent > div > h2 > span { 57 | color: #fff; 58 | } 59 | 60 | .parent > div > button { 61 | border-width: 0; 62 | padding: 8px 20px; 63 | margin-top: 12px; 64 | background: #000; 65 | color: #fff; 66 | border-radius: 20px/50%; 67 | cursor: pointer; 68 | } 69 | 70 | .parent > div > button:hover { 71 | box-shadow: 0 0 10px #000; 72 | } 73 | 74 | .masonary { 75 | display: grid; 76 | width: 100%; 77 | height: 200vh; 78 | grid-template-areas: 79 | "area1 area1 area2 area3" 80 | "area4 area5 area5 area3" 81 | "area6 area7 area8 area9" 82 | "area6 area10 area11 area12" 83 | "area13 area14 area15 area15" 84 | "area13 area14 area16 area16"; 85 | grid-gap: 6px; 86 | padding: 6px; 87 | overflow: hidden; 88 | } 89 | 90 | .masonary > div { 91 | overflow: hidden; 92 | } 93 | 94 | .masonary > div > img { 95 | width: 100%; 96 | object-fit: cover; 97 | object-position: center; 98 | transition: 0.5s; 99 | } 100 | 101 | .masonary > div:hover > img { 102 | width: 120%; 103 | } 104 | 105 | .masonary > div:first-child{ 106 | grid-area: area1; 107 | } 108 | 109 | .masonary > div:nth-child(2){ 110 | grid-area: area2; 111 | } 112 | 113 | .masonary > div:nth-child(3){ 114 | grid-area: area3; 115 | } 116 | 117 | .masonary > div:nth-child(4){ 118 | grid-area: area4; 119 | } 120 | 121 | .masonary > div:nth-child(5){ 122 | grid-area: area5; 123 | } 124 | 125 | .masonary > div:nth-child(6){ 126 | grid-area: area6; 127 | } 128 | 129 | .masonary > div:nth-child(7){ 130 | grid-area: area7; 131 | } 132 | 133 | .masonary > div:nth-child(8){ 134 | grid-area: area8; 135 | } 136 | 137 | .masonary > div:nth-child(9){ 138 | grid-area: area9; 139 | } 140 | 141 | .masonary > div:nth-child(10){ 142 | grid-area: area10; 143 | } 144 | 145 | .masonary > div:nth-child(11){ 146 | grid-area: area11; 147 | } 148 | 149 | .masonary > div:nth-child(12){ 150 | grid-area: area12; 151 | } 152 | 153 | .masonary > div:nth-child(13){ 154 | grid-area: area13; 155 | } 156 | 157 | .masonary > div:nth-child(14){ 158 | grid-area: area14; 159 | } 160 | 161 | .masonary > div:nth-child(15){ 162 | grid-area: area15; 163 | } 164 | 165 | .masonary > div:last-child { 166 | grid-area: area16; 167 | } -------------------------------------------------------------------------------- /C2. apr-18-2023/cw/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 11 | 12 | 13 |

14 | Eid Mubarak | Shuvo Nobo Borsho | Uttarary Agun Legeche | Bautul Mokkarram Market e agun legeche 15 |

16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 28 | 32 |
33 | 34 | 35 | 39 | 40 | 47 | 54 | 61 |
    62 |
  1. Dhaka
    2. 63 |
  2. Rajshahi
    3. 64 |
  3. Khulna
    4. 65 |
  4. Roingpur
    5. 66 |
  5. Bogura
    6. 67 |
68 |
    69 |
  1. Dhaka
    2. 70 |
  2. Rajshahi
    3. 71 |
  3. Khulna
    4. 72 |
  4. Roingpur
    5. 73 |
  5. Bogura
    6. 74 |
75 |
    76 |
  1. Dhaka
    2. 77 |
  2. Rajshahi
    3. 78 |
  3. Khulna
    4. 79 |
  4. Roingpur
    5. 80 |
  5. Bogura
    6. 81 |
82 |
    83 |
  1. Dhaka
    2. 84 |
  2. Rajshahi
    3. 85 |
  3. Khulna
    4. 86 |
  4. Roingpur
    5. 87 |
  5. Bogura
    6. 88 |
89 |
    90 |
  1. Dhaka
    2. 91 |
  2. Rajshahi
    3. 92 |
  3. Khulna
    4. 93 |
  4. Roingpur
    5. 94 |
  5. Bogura
    6. 95 |
96 | 97 |
98 | 99 |
100 | 101 | 102 | 103 | -------------------------------------------------------------------------------- /C5. may-9-2023/hw/Shihab/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 15 | 21 | 22 | 23 | 30 | 31 | 32 | 36 | 37 | 38 | 41 | 42 | 43 | 49 | 55 | 61 | 62 | 63 | 66 | 67 | 68 | 71 | 72 | 73 | 78 | 79 |
13 | 14 | 16 | 17 | 18 | 19 | 20 |
24 | 25 | 26 | Lorem, ipsum dolor sit amet consectetur adipisicing elit. Provident, officia. |Lorem ipsum dolor sit, amet consectetur adipisicing elit.|Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt dolorum suscipit consectetur. 27 | 28 | 29 |
33 | 34 |
35 |
39 |

Our Team

40 |
44 | 45 |

CEO-1

46 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam tempore magni, tenetur maxime consectetur iure delectus possimus minima aliquid aspernatur.

47 | 48 | 		50 | 51 |

CEO-2

52 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam tempore magni, tenetur maxime consectetur iure delectus possimus minima aliquid aspernatur.

53 | 54 | 		56 | 57 |

CEO-3

58 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam tempore magni, tenetur maxime consectetur iure delectus possimus minima aliquid aspernatur.

59 | 60 |
64 |
65 |
69 | 70 |
74 | 75 | copyright © | 2023 | All Rights Reserved 76 | 77 |
80 | 81 | -------------------------------------------------------------------------------- /C5. may-9-2023/hw/sumaiya/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 14 | 20 | 21 | 22 | 29 | 30 | 31 | 35 | 36 | 37 | 38 | 41 | 42 | 43 | 49 | 55 | 61 | 62 | 63 | 66 | 67 | 68 | 71 | 72 | 73 | 78 | 79 |
13 | 15 | 16 | 17 | 18 | 19 |
23 | 24 | 25 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum, commodi! Lorem ipsum, dolor sit amet consectetur adipisicing Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quisquam est aspernatur laborum? 26 | 27 | 28 |
32 | 33 |
34 |
39 |

Our Team

40 |
44 | 45 |

Jorina Begum

46 |

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Totam quas rerum magnam, eligendi quod a dolorum nam esse consequatur quasi.

47 | 48 | 		50 | 51 |

Abul Mia

52 |

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Totam quas rerum magnam, eligendi quod a dolorum nam esse consequatur quasi.

53 | 54 | 		56 | 57 |

Mokles Mia

58 |

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Totam quas rerum magnam, eligendi quod a dolorum nam esse consequatur quasi.

59 | 60 |
64 |
65 |
69 | 70 |
74 | 75 | Copyright @copy; 2023 All rights Reserved 76 | 77 |
80 | 81 | 82 | 83 | 84 | 85 | 86 | -------------------------------------------------------------------------------- /C3. apr-25-2023/hw/kawser_h/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Form Using Table 8 | 9 | 10 |
11 |

Sign Up Form

12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 51 | 52 | 53 | 54 | 55 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 |
:
:
:
:
:Male 37 | Female 38 | Other
:
: 49 | 50 |
: 56 | 64 |
: HTML CSS Javascript Java PHP
:
:
85 |
86 | 87 | 88 | -------------------------------------------------------------------------------- /C15. Aug-1-2023 (PSD 2 HTML)/css/style.min.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAQ,sJAAA,CAKR,EACI,QAAA,CACA,SAAA,CACA,6BAAA,CAAA,0BAAA,CAAA,qBAAA,CACA,mCAPO,CAUX,OACI,YAAA,CACA,YAAA,CACA,WAAA,CACA,iBAAA,CACA,gBACI,mBAAA,CAAA,oBAAA,CAAA,gBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,wBAAA,CAAA,0BAAA,CAAA,qBAAA,CAAA,qBAAA,CAAA,kBAAA,CACA,iBAAA,CACA,UAAA,CACA,UAAA,CACA,iBAAA,CAEI,2BACI,WAAA,CAGR,oBACI,mBAAA,CAAA,oBAAA,CAAA,gBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,gBAAA,CACA,uBACI,eAAA,CACA,mBAAA,CAAA,oBAAA,CAAA,gBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,0BACK,iBAAA,CACD,4BACI,oBAAA,CACA,UAAA,CACA,cAAA,CAKR,gCACI,cAAA,CACA,wBAAA,CACA,UAAA,CACA,cAAA,CACA,cAAA,CAKhB,eACI,WAAA,CACA,UAAA,CACA,iBAAA,CACA,eAAA,CACA,mBACI,mBAAA,CAAA,oBAAA,CAAA,gBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,uBAAA,CAAA,8BAAA,CAAA,oBAAA,CAAA,oBAAA,CAAA,sBAAA,CACA,uBAAA,CAAA,yBAAA,CAAA,oBAAA,CAAA,oBAAA,CAAA,iBAAA,CACA,2BAAA,CAAA,4BAAA,CAAA,6BAAA,CAAA,wBAAA,CAAA,yBAAA,CAAA,yBAAA,CAAA,qBAAA,CACA,+BACI,WAAA,CACA,YAAA,CACA,mEAAA,CACA,iBAAA,CACA,KAAA,CACA,MAAA,CAEJ,8BACI,WAAA,CACA,YAAA,CACA,uEAAA,CACA,iBAAA,CACA,KAAA,CACA,OAAA,CACA,kBAAA,CACA,iCACI,cAAA,CACA,iCAhFR,CAiFQ,aAAA,CACA,eAAA,CAEJ,sCACI,UAAA,CACA,cAAA,CACA,kBAAA,CAEJ,qCACI,kBAAA,CACA,UAAA,CACA,cAAA,CACA,eAAA,CACA,WAAA,CACA,WAAA,CACA,cAAA,CACA,yBAAA,CAAA,iBAAA,CACA,cAAA,CAOpB,KACI,YAAA,CACA,WAAA,CAEI,qBACI,iCA9GA,CA+GA,cAAA,CACA,UAAA,CACA,iBAAA,CACA,kBAAA,CACA,eAAA,CACA,eAAA,CAEJ,0BACI,iBAAA,CACA,WAAA,CACA,WAAA,CACA,cAAA,CACA,UAAA,CAEJ,2BACI,YAAA,CACA,oCAAA,CACA,aAAA,CACA,+BACI,iBAAA,CAEI,0CACI,WAAA,CAGR,kCACI,iCAzIR,CA0IQ,cAAA,CACA,eAAA,CACA,UAAA,CAEJ,uCACI,cAAA,CACA,UAAA,CACA,WAAA,CACA,WAAA,CAKhB,yCACI,YAAA,CACA,oCAAA,CACA,gDAAA,CACA,2BAAA,CACA,iCAAA,CAAA,4BAAA,CAAA,yBAAA,CACA,iBAAA,CACA,mBAAA,CACA,uDACI,iBAAA,CACA,+DACI,WAAA,CAGR,iDACI,mBAAA,CAAA,oBAAA,CAAA,gBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,2BAAA,CAAA,4BAAA,CAAA,6BAAA,CAAA,wBAAA,CAAA,yBAAA,CAAA,yBAAA,CAAA,qBAAA,CACA,uBAAA,CAAA,8BAAA,CAAA,oBAAA,CAAA,oBAAA,CAAA,sBAAA,CACA,uDACI,cAAA,CACA,iCA3KJ,CA4KI,aAAA,CACA,eAAA,CACA,gBAAA,CAEJ,iEACI,WAAA,CACA,kBAAA,CACA,cAAA,CACA,UAAA,CAEJ,+DACI,WAAA,CACA,WAAA,CACA,kBAAA,CACA,UAAA,CACA,cAAA,CACA,eAAA,CACA,cAAA,CACA,yBAAA,CAAA,iBAAA,CACA,cAAA,CAIZ,iBACI,0JAAA,CAAA,wHAAA,CAAA,mHAAA,CAAA,gHAAA,CACA,YAAA,CACA,oBACI,cAAA,CACA,aAAA,CACA,eAAA,CACA,iCA1MA,CA2MA,iBAAA,CAEJ,yBACI,iBAAA,CACA,WAAA,CACA,WAAA,CACA,UAAA,CACA,kBAAA,CAEJ,wBACI,mBAAA,CAAA,oBAAA,CAAA,gBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,uBAAA,CAAA,8BAAA,CAAA,oBAAA,CAAA,oBAAA,CAAA,sBAAA,CACA,4BAII,WAAA,CACA,YAAA,CACA,yBAAA,CAAA,iBAAA,CACA,mBAAA,CAAA,oBAAA,CAAA,gBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,2BAAA,CAAA,4BAAA,CAAA,6BAAA,CAAA,wBAAA,CAAA,yBAAA,CAAA,yBAAA,CAAA,qBAAA,CACA,uBAAA,CAAA,8BAAA,CAAA,oBAAA,CAAA,oBAAA,CAAA,sBAAA,CACA,wBAAA,CAAA,0BAAA,CAAA,qBAAA,CAAA,qBAAA,CAAA,kBAAA,CACA,qBAAA,CACA,cAAA,CACA,UAAA,CACA,wBAAA,CACA,eAAA,CAdA,6CACI,iBAAA,CAcJ,iCACI,cAAA,CACA,aAAA,CAKhB,oBAEI,YAAA,CACA,4EAAA,CACA,wBACI,gBAAA,CACA,aAAA,CAGR,oBACI,YAAA,CACA,oEAAA,CACA,mBAAA,CAAA,oBAAA,CAAA,gBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,2BAAA,CAAA,4BAAA,CAAA,6BAAA,CAAA,wBAAA,CAAA,yBAAA,CAAA,yBAAA,CAAA,qBAAA,CACA,uBAAA,CAAA,8BAAA,CAAA,oBAAA,CAAA,oBAAA,CAAA,sBAAA,CACA,wBAAA,CAAA,0BAAA,CAAA,qBAAA,CAAA,qBAAA,CAAA,kBAAA,CACA,4BACI,cAAA,CACA,UAAA,CACA,iBAAA,CACA,WAAA,CACA,kBAAA,CAEJ,uBACI,iBAAA,CACA,iCAvQA,CAwQA,cAAA,CACA,UAAA,CACA,eAAA,CAGR,gBACI,YAAA,CACA,mEAAA,CACA,mBAAA,CAAA,oBAAA,CAAA,gBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,uBAAA,CAAA,8BAAA,CAAA,oBAAA,CAAA,oBAAA,CAAA,sBAAA,CACA,wBAAA,CAAA,0BAAA,CAAA,qBAAA,CAAA,qBAAA,CAAA,kBAAA,CACA,2BAAA,CAAA,4BAAA,CAAA,6BAAA,CAAA,wBAAA,CAAA,yBAAA,CAAA,yBAAA,CAAA,qBAAA,CACA,mBACI,iCArRA,CAsRA,cAAA,CACA,UAAA,CACA,iBAAA,CAEJ,wBACI,cAAA,CACA,UAAA,CACA,iBAAA,CACA,kBAAA,CACA,WAAA,CACA,qBAAA,CAEJ,qBACI,yBAAA,CAAA,sBAAA,CAAA,iBAAA,CACA,aAAA,CACA,mBAAA,CAAA,oBAAA,CAAA,gBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,sCACI,cAAA,CACA,WAAA,CACA,cAAA,CACA,WAAA,CACA,iEACI,uBAAA,CACA,cAAA,CAFJ,uDACI,uBAAA,CACA,cAAA,CAFJ,wDACI,uBAAA,CACA,cAAA,CAFJ,4DACI,uBAAA,CACA,cAAA,CAFJ,6DACI,uBAAA,CACA,cAAA,CAFJ,mDACI,uBAAA,CACA,cAAA,CAGR,4BACI,WAAA,CACA,WAAA,CACA,cAAA,CACA,wBAAA,CACA,kBAAA,CACA,UAAA,CACA,cAAA,CACA,eAAA,CAMhB,OACI,kBAAA,CACA,YAAA,CACA,YAAA,CACA,WAAA,CACA,mBAAA,CAAA,oBAAA,CAAA,gBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,cAAA,CACA,UACI,YAAA,CACA,0CAAA,CACA,aAAA,CACA,eAAA,CACA,WAAA,CAEI,gBACI,eAAA,CACA,cAAA,CACA,UAAA,CACA,kBAAA,CAEJ,qBACI,UAAA,CACA,cAAA,CACA,eAAA,CACA,kBAAA,CACA,WAAA,CAEJ,gBACI,eAAA,CACA,mBACI,kBAAA,CACA,qBACI,oBAAA,CACA,UAAA,CACA,cAAA,CACA,eAAA,CAKR,4BACI,mBAAA,CAAA,oBAAA,CAAA,gBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,+BACI,iBAAA","file":"style.min.css"} -------------------------------------------------------------------------------- /C3. apr-25-2023/hw/Yousuf-Form/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Sign Up Form 8 | 9 | 10 |

This is a Sign Up Form

11 | 12 |
13 |
14 | 15 | 23 |
24 | 25 |
26 | 27 | 35 |
36 | 37 |
38 | 39 | 40 |
41 | 42 |
43 | 44 | 45 |
46 | 47 |
48 | 49 | 50 |
51 | 52 |
53 | 54 | 55 |
56 | 57 |
58 | 59 | Male 60 | Female 61 |
62 |
63 | 64 | Tribe 65 | Fridom Fighter 66 | Disablity 67 |
68 | 69 |
70 | 71 | 80 |
81 | 82 |
83 | 84 | 85 |
86 | 87 |
88 | 89 | 97 | 98 | 102 | 103 | 104 | 105 |
106 |
107 | Avatar 108 |
109 | 110 |
111 | 112 | 113 |
114 | 115 |
116 | 117 | 118 | 119 |
120 | 121 |
122 |

123 | 124 |
125 | 126 | 127 |
128 | 131 |
132 | 133 |
134 |

135 |
136 | 137 |
138 | Forgot password? 139 | 140 |
141 |
142 | 143 | 144 | 145 | -------------------------------------------------------------------------------- /C5. may-9-2023/hw/old assignment/sumaiya/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |
11 | 12 |

Sign Up Form

13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |

21 | 22 | 23 | 24 | 25 | 26 | 27 |

28 | 29 | 30 | 31 | 32 | 33 | 34 |

35 | 36 | 37 | 38 | 39 | 40 | 41 |

42 | 43 | 44 | 45 | 46 | 51 | 52 |

53 | 54 | 55 | 57 | 58 | 61 | 62 | 63 | 64 |

65 | 66 | 67 | 68 | 69 | 72 | 73 |

74 | 75 | 76 | 78 | 79 | 90 | 91 | 92 | 93 |

94 | 95 | 96 | 99 | 100 | 107 | 108 |

109 | 110 | 111 | 115 | 118 | 121 | 122 |

123 | 124 | 125 | 128 | 129 | 132 | 133 |

134 | 135 | 138 | 139 | 140 |
:
:
:
:
: 47 | Mail 48 | Femail 49 | Other 50 |
56 | : 59 | 60 |
: 70 | 71 |
77 | : 80 | 89 |
97 | 98 | : 101 | HTML 102 | CSS 103 | Javascript 104 | Java 105 | PHP 106 |
112 | 113 | 114 | 116 | : 117 | 119 | 120 |
126 | 127 | : 130 | 131 |
136 | 137 |
141 |
142 |
143 | 144 | 145 | -------------------------------------------------------------------------------- /C4. may-2-2023/cw/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | 14 | 17 | 18 | 19 | 26 | 27 | 28 | 31 | 32 | 33 | 36 | 37 | 38 | 45 | 52 | 59 | 60 | 61 | 64 | 65 | 66 | 69 | 70 | 71 | 145 | 146 | 147 | 153 | 154 | 155 | 158 | 159 |
15 | 16 |
20 | 21 | Lorem ipsum dolor sit amet consectetur adipisicing elit. A, possimus? | 22 | Lorem ipsum dolor sit amet consectetur adipisicing elit. | Lorem ipsum dolor sit amet 23 | consectetur adipisicing elit. Corrupti optio eaque ea? 24 | 25 |
29 |
30 |
34 |

Our Team

35 |
39 | 40 |

Jarina Begum

41 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus aperiam in et aliquam fugit 42 | incidunt quia rem soluta impedit consequatur!

43 | 44 | 		46 | 47 |

Abul Mia

48 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus aperiam in et aliquam fugit 49 | incidunt quia rem soluta impedit consequatur!

50 | 51 | 		53 | 54 |

Mokles Mia

55 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus aperiam in et aliquam fugit 56 | incidunt quia rem soluta impedit consequatur!

57 | 58 |
62 |
63 |
67 |

Contact US

68 |
72 | 73 | 74 | 88 | 89 | 142 | 143 |
75 |
76 |
77 | 78 |

79 |
80 | 81 |

82 |
83 | 84 |

85 | 86 |
87 | 		   90 |
91 | 92 | 93 | 94 | 95 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 117 | 118 | 119 | 120 | 121 | 124 | 125 | 126 | 127 | 128 | 131 | 132 | 133 | 134 | 135 | 138 | 139 |
Address: 96 | 9 Sher-E-Bang Road,
97 | Hazaribagh,
98 | Dhaka-1209
99 |
Mobile:01955517560
Email:abir@dipti.com.bd
Facebook: 115 | fb.com/abir.upwork 116 |
Website: 122 | My Site 123 |
Date of Birth: 129 | 10th-Sep-1987 130 |
Country: 136 | Bangladesh 137 |
140 |
141 |
144 |
148 | 152 |
156 | Copyright © | 2023 | All Rights Reserved 157 |
160 | 161 | 162 | -------------------------------------------------------------------------------- /C5. may-9-2023/hw/pronob/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Personal ChatGTP 5 | 199 | 200 | 201 |
202 |

ChatGTP is Brainless

203 |
204 | 209 |
210 |

Welcome to our Furniture Company

211 |
212 | Check out our new line of bedroom furniture! Save 20% off all purchases over $500! 213 |
214 |
215 | Product Image 216 |
217 |

Product Title

218 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis malesuada purus id felis sodales aliquam.

219 | 220 |
221 |
222 |
223 | Product Image 224 |
225 |

Product Title

226 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis malesuada purus id felis sodales aliquam.

227 | 228 |
229 |
230 |
231 | Product Image 232 |
233 |

Product Title

234 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis malesuada purus id felis sodales aliquam.

235 | 236 |
237 |
238 |
239 | Product Image 240 |
241 |

Product Title

242 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis malesuada purus id felis sodales aliquam.

243 | 244 |
245 |
246 |
247 | Product Image 248 |
249 |

Product Title

250 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis malesuada purus id felis sodales aliquam.

251 | 252 |
253 |
254 |
255 |
256 |
257 | Company Logo 258 |
259 |

My Furniture Company

260 |

1234 Main Street

261 |

Anytown, USA 12345

262 |

Phone: (555) 555-1234

263 |
264 |
265 |
266 |

Contact Us

267 | 268 | 269 | 270 | 271 | 272 | 273 | 274 |
275 |
276 |
277 |

© 2023 My Furniture Company

278 |
279 | 280 | 281 | 282 | 283 | -------------------------------------------------------------------------------- /C15. Aug-1-2023 (PSD 2 HTML)/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 |
19 |
20 | 21 |
22 | 34 |
35 | 36 | 37 | 38 | 49 | 50 |
51 | 52 | 53 | 54 |
55 | 56 |
57 |

Best Seller

58 |
59 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum 60 | vestibulum. 61 |
62 | 63 | 64 |
65 |
66 |
67 | 68 |
69 |

Title Here

70 |
71 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. 72 |
73 |
74 |
75 |
76 | 77 |
78 |

Title Here

79 |
80 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. 81 |
82 |
83 |
84 |
85 | 86 |
87 |

Title Here

88 |
89 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. 90 |
91 |
92 |
93 | 94 |
95 | 96 | 97 | 98 |
99 |
100 | 101 |
102 |
103 |

Oriental Taste

104 |
105 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum 106 | vestibulum. 107 |
108 | 109 |
110 |
111 | 112 | 113 | 114 |
115 |

Statistics

116 |
117 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum 118 | vestibulum. 119 |
120 |
121 |
122 | 123Outlets 123 |
124 |
125 | 100Chef 126 |
127 |
128 | 300MENU 129 |
130 |
131 | 30COUNTRY 132 |
133 |
134 |
135 | 136 | 137 | 138 |
139 |
140 |

Chicken Grill

141 |
142 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum 143 | vestibulum. 144 |
145 | 146 |
147 |
148 | 149 |
150 |
151 | 152 | 153 | 154 |
155 |
156 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum 157 | vestibulum. 158 |
159 |

Lenora Fields

160 |
161 | 162 | 163 | 164 | 175 | 176 |
177 | 178 | 179 | 180 | 227 | 228 | 229 | 230 | -------------------------------------------------------------------------------- /C15. Aug-1-2023 (PSD 2 HTML)/css/style.min.css: -------------------------------------------------------------------------------- 1 | @import"https://fonts.googleapis.com/css2?family=Grand+Hotel&family=Montserrat:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap";*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:"Montserrat",sans-serif}header{width:1020px;height:564px;margin:auto;position:relative}header .top-bar{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;z-index:10;width:100%;padding:30px 42px}header .top-bar>figure>img{width:132px}header .top-bar>nav{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-left:auto}header .top-bar>nav>ul{list-style:none;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}header .top-bar>nav>ul>li{margin-right:30px}header .top-bar>nav>ul>li>a{text-decoration:none;color:#fff;font-size:18px}header .top-bar>nav>form>button{border-width:0;background:rgba(0,0,0,0);color:#fff;font-size:18px;cursor:pointer}header .banner{height:100%;width:100%;position:relative;background:#333}header .banner>div{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-webkit-align-items:start;-moz-box-align:start;-ms-flex-align:start;align-items:start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}header .banner>div:first-child{width:428px;height:564px;background:url("../images/banner.png") no-repeat top left/100% 100%;position:absolute;top:0;left:0}header .banner>div:last-child{width:716px;height:564px;background:url("../images/banner-right.png") no-repeat center/100% 100%;position:absolute;top:0;right:0;padding-left:160px}header .banner>div:last-child>h1{font-size:88px;font-family:"Grand Hotel",cursive;color:#ffc200;font-weight:300}header .banner>div:last-child>article{color:#fff;font-size:21px;margin-bottom:30px}header .banner>div:last-child>button{background:#ffc100;color:#333;font-size:14px;font-weight:700;width:174px;height:36px;border-width:0;-webkit-border-radius:6px;border-radius:6px;cursor:pointer}main{width:1020px;margin:auto}main>.best-seller>h2{font-family:"Grand Hotel",cursive;font-size:53px;color:#333;text-align:center;margin-bottom:16px;margin-top:80px;font-weight:400}main>.best-seller>article{text-align:center;width:580px;margin:auto;font-size:18px;color:#333}main>.best-seller>.sellers{display:grid;grid-template-columns:repeat(3, 1fr);margin:50px 0}main>.best-seller>.sellers>div{text-align:center}main>.best-seller>.sellers>div>figure>img{width:170px}main>.best-seller>.sellers>div>h3{font-family:"Grand Hotel",cursive;font-size:30px;font-weight:400;color:#333}main>.best-seller>.sellers>div>article{font-size:12px;color:#333;width:170px;margin:auto}main>.oriental-taste,main>.chicken-grill{display:grid;grid-template-columns:repeat(2, 1fr);background:url("../images/oriental-test-bg.png");background-repeat:no-repeat;-webkit-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto;padding-top:100px;padding-bottom:50px}main>.oriental-taste>figure,main>.chicken-grill>figure{text-align:center}main>.oriental-taste>figure img,main>.chicken-grill>figure img{width:329px}main>.oriental-taste>div,main>.chicken-grill>div{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}main>.oriental-taste>div>h2,main>.chicken-grill>div>h2{font-size:71px;font-family:"Grand Hotel",cursive;color:#ffc200;font-weight:400;line-height:71px}main>.oriental-taste>div>article,main>.chicken-grill>div>article{width:370px;margin:30px 0 36px;font-size:18px;color:#fff}main>.oriental-taste>div>button,main>.chicken-grill>div>button{width:229px;height:46px;background:#ffc100;color:#333;font-size:18px;font-weight:700;border-width:0;-webkit-border-radius:3px;border-radius:3px;cursor:pointer}main>.statistics{background:url("../images/oriental-test.design.png") no-repeat center/auto 90%,-webkit-gradient(linear, left top, left bottom, from(#2f2f2f), to(#2f2f2f));background:url("../images/oriental-test.design.png") no-repeat center/auto 90%,-webkit-linear-gradient(#2f2f2f, #2f2f2f);background:url("../images/oriental-test.design.png") no-repeat center/auto 90%,-o-linear-gradient(#2f2f2f, #2f2f2f);background:url("../images/oriental-test.design.png") no-repeat center/auto 90%,linear-gradient(#2f2f2f, #2f2f2f);height:514px}main>.statistics>h2{font-size:71px;color:#ffc200;font-weight:400;font-family:"Grand Hotel",cursive;text-align:center}main>.statistics>article{text-align:center;width:560px;margin:auto;color:#fff;margin-bottom:70px}main>.statistics>.count{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}main>.statistics>.count>div{width:166px;height:166px;-webkit-border-radius:50%;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;border:3px solid #fff;font-size:20px;color:#fff;text-transform:uppercase;font-weight:700}main>.statistics>.count>div:not(:last-child){margin-right:36px}main>.statistics>.count>div>span{font-size:36px;color:#ffc200}main>.chicken-grill{height:566px;background:url("../images/chicken-grill-bg.png") no-repeat top left/100% 90%}main>.chicken-grill>div{margin-left:90px;padding-top:0}main>.lenora-fields{height:560px;background:url("../images/lenora-fields.png") no-repeat center/cover;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}main>.lenora-fields>article{font-size:32px;color:#333;text-align:center;width:660px;margin-bottom:30px}main>.lenora-fields>h2{text-align:center;font-family:"Grand Hotel",cursive;font-size:53px;color:#333;font-weight:400}main>.subscribe{height:560px;background:url("../images/subscribe-bg.png") no-repeat center/cover;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}main>.subscribe>h2{font-family:"Grand Hotel",cursive;font-size:71px;color:#333;text-align:center}main>.subscribe>article{font-size:21px;color:#333;text-align:center;margin-bottom:30px;width:620px;margin:16px auto 48px}main>.subscribe>form{width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}main>.subscribe>form>input[type=text]{padding:0 20px;width:390px;border-width:0;height:44px}main>.subscribe>form>input[type=text]::-webkit-input-placeholder{color:rgba(51,51,51,.5);font-size:18px}main>.subscribe>form>input[type=text]:-moz-placeholder{color:rgba(51,51,51,.5);font-size:18px}main>.subscribe>form>input[type=text]::-moz-placeholder{color:rgba(51,51,51,.5);font-size:18px}main>.subscribe>form>input[type=text]:-ms-input-placeholder{color:rgba(51,51,51,.5);font-size:18px}main>.subscribe>form>input[type=text]::-ms-input-placeholder{color:rgba(51,51,51,.5);font-size:18px}main>.subscribe>form>input[type=text]::placeholder{color:rgba(51,51,51,.5);font-size:18px}main>.subscribe>form>button{width:155px;height:44px;border-width:0;text-transform:uppercase;background:#ffc100;color:#333;font-size:18px;font-weight:700}footer{background:#2f2f2f;height:562px;width:1020px;margin:auto;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding:0 90px}footer>ul{display:grid;grid-template-columns:2.5fr repeat(3, 1fr);grid-gap:20px;list-style:none;margin:auto}footer>ul>li>h3{font-weight:700;font-size:18px;color:#fff;margin-bottom:20px}footer>ul>li>article{color:#fff;font-size:17px;font-weight:300;margin-bottom:20px;width:340px}footer>ul>li>ul{list-style:none}footer>ul>li>ul>li{margin-bottom:14px}footer>ul>li>ul>li>a{text-decoration:none;color:#fff;font-size:17px;font-weight:300}footer>ul>li:first-child>ul{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}footer>ul>li:first-child>ul>li{margin-right:10px}/*# sourceMappingURL=style.min.css.map */ -------------------------------------------------------------------------------- /C15. Aug-1-2023 (PSD 2 HTML)/css/style.scss: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=Grand+Hotel&family=Montserrat:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap'); 2 | 3 | $monFont : 'Montserrat', sans-serif; 4 | $grandFont: 'Grand Hotel', cursive; 5 | 6 | *{ 7 | margin: 0; 8 | padding: 0; 9 | box-sizing: border-box; 10 | font-family: $monFont; 11 | } 12 | 13 | header{ 14 | width: 1020px; 15 | height: 564px; 16 | margin: auto; 17 | position: relative; 18 | .top-bar{ 19 | display: flex; 20 | align-items: center; 21 | position: absolute; 22 | z-index: 10; 23 | width: 100%; 24 | padding: 30px 42px; 25 | >figure{ 26 | >img{ 27 | width: 132px; 28 | } 29 | } 30 | >nav{ 31 | display: flex; 32 | margin-left: auto; 33 | >ul{ 34 | list-style: none; 35 | display: flex; 36 | >li{ 37 | margin-right: 30px; 38 | >a{ 39 | text-decoration: none; 40 | color: #fff; 41 | font-size: 18px; 42 | } 43 | } 44 | } 45 | >form{ 46 | >button{ 47 | border-width: 0; 48 | background: transparent; 49 | color: #fff; 50 | font-size: 18px; 51 | cursor: pointer; 52 | } 53 | } 54 | } 55 | } 56 | .banner{ 57 | height: 100%; 58 | width: 100%; 59 | position: relative; 60 | background: #333333; 61 | >div{ 62 | display: flex; 63 | justify-content: center; 64 | align-items: start; 65 | flex-direction: column; 66 | &:first-child{ 67 | width: 428px; 68 | height: 564px; 69 | background: url("../images/banner.png") no-repeat top left /100% 100%; 70 | position: absolute; 71 | top: 0; 72 | left: 0; 73 | } 74 | &:last-child{ 75 | width: 716px; 76 | height: 564px; 77 | background: url("../images/banner-right.png") no-repeat center /100% 100%; 78 | position: absolute; 79 | top: 0; 80 | right: 0; 81 | padding-left: 160px; 82 | >h1{ 83 | font-size: 88px; 84 | font-family: $grandFont; 85 | color: #ffc200; 86 | font-weight: 300; 87 | } 88 | >article{ 89 | color: #fff; 90 | font-size: 21px; 91 | margin-bottom: 30px; 92 | } 93 | >button{ 94 | background: #ffc100; 95 | color: #333333; 96 | font-size: 14px; 97 | font-weight: 700; 98 | width: 174px; 99 | height: 36px; 100 | border-width: 0; 101 | border-radius: 6px; 102 | cursor: pointer; 103 | } 104 | } 105 | } 106 | } 107 | } 108 | 109 | main { 110 | width: 1020px; 111 | margin: auto; 112 | >.best-seller{ 113 | >h2{ 114 | font-family: $grandFont; 115 | font-size: 53px; 116 | color: #333; 117 | text-align: center; 118 | margin-bottom: 16px; 119 | margin-top: 80px; 120 | font-weight: 400; 121 | } 122 | >article{ 123 | text-align: center; 124 | width: 580px; 125 | margin: auto; 126 | font-size: 18px; 127 | color: #333; 128 | } 129 | >.sellers{ 130 | display: grid; 131 | grid-template-columns: repeat(3, 1fr); 132 | margin: 50px 0; 133 | >div{ 134 | text-align: center; 135 | >figure{ 136 | >img{ 137 | width: 170px; 138 | } 139 | } 140 | >h3{ 141 | font-family: $grandFont; 142 | font-size: 30px; 143 | font-weight: 400; 144 | color: #333; 145 | } 146 | >article{ 147 | font-size: 12px; 148 | color: #333; 149 | width: 170px; 150 | margin: auto; 151 | } 152 | } 153 | } 154 | } 155 | >.oriental-taste{ 156 | display: grid; 157 | grid-template-columns: repeat(2, 1fr); 158 | background: url("../images/oriental-test-bg.png"); 159 | background-repeat: no-repeat; 160 | background-size: 100% auto; 161 | padding-top: 100px; 162 | padding-bottom: 50px; 163 | >figure{ 164 | text-align: center; 165 | img{ 166 | width: 329px; 167 | } 168 | } 169 | >div{ 170 | display: flex; 171 | flex-direction: column; 172 | justify-content: center; 173 | >h2{ 174 | font-size: 71px; 175 | font-family: $grandFont; 176 | color: #ffc200; 177 | font-weight: 400; 178 | line-height: 71px; 179 | } 180 | >article{ 181 | width: 370px; 182 | margin: 30px 0 36px; 183 | font-size: 18px; 184 | color: #fff; 185 | } 186 | >button{ 187 | width: 229px; 188 | height: 46px; 189 | background: #ffc100; 190 | color: #333; 191 | font-size: 18px; 192 | font-weight: 700; 193 | border-width: 0; 194 | border-radius: 3px; 195 | cursor: pointer; 196 | } 197 | } 198 | } 199 | >.statistics{ 200 | background: url("../images/oriental-test.design.png") no-repeat center /auto 90%, linear-gradient(#2f2f2f, #2f2f2f); 201 | height: 514px; 202 | >h2{ 203 | font-size: 71px; 204 | color: #ffc200; 205 | font-weight: 400; 206 | font-family: $grandFont; 207 | text-align: center; 208 | } 209 | >article{ 210 | text-align: center; 211 | width: 560px; 212 | margin: auto; 213 | color: #fff; 214 | margin-bottom: 70px; 215 | } 216 | >.count{ 217 | display: flex; 218 | justify-content: center; 219 | >div{ 220 | &:not(:last-child){ 221 | margin-right: 36px; 222 | } 223 | width: 166px; 224 | height: 166px; 225 | border-radius: 50%; 226 | display: flex; 227 | flex-direction: column; 228 | justify-content: center; 229 | align-items: center; 230 | border: 3px solid #fff; 231 | font-size: 20px; 232 | color: #fff; 233 | text-transform: uppercase; 234 | font-weight: 700; 235 | >span{ 236 | font-size: 36px; 237 | color: #ffc200; 238 | } 239 | } 240 | } 241 | } 242 | >.chicken-grill{ 243 | @extend .oriental-taste; 244 | height: 566px; 245 | background: url("../images/chicken-grill-bg.png") no-repeat top left /100% 90%; 246 | >div{ 247 | margin-left: 90px; 248 | padding-top: 0; 249 | } 250 | } 251 | >.lenora-fields{ 252 | height: 560px; 253 | background: url("../images/lenora-fields.png") no-repeat center /cover; 254 | display: flex; 255 | flex-direction: column; 256 | justify-content: center; 257 | align-items: center; 258 | >article{ 259 | font-size: 32px; 260 | color: #333; 261 | text-align: center; 262 | width: 660px; 263 | margin-bottom: 30px; 264 | } 265 | >h2{ 266 | text-align: center; 267 | font-family: $grandFont; 268 | font-size: 53px; 269 | color: #333; 270 | font-weight: 400; 271 | } 272 | } 273 | >.subscribe{ 274 | height: 560px; 275 | background: url("../images/subscribe-bg.png") no-repeat center /cover; 276 | display: flex; 277 | justify-content: center; 278 | align-items: center; 279 | flex-direction: column; 280 | >h2{ 281 | font-family: $grandFont; 282 | font-size: 71px; 283 | color: #333; 284 | text-align: center; 285 | } 286 | >article{ 287 | font-size: 21px; 288 | color: #333; 289 | text-align: center; 290 | margin-bottom: 30px; 291 | width: 620px; 292 | margin: 16px auto 48px; 293 | } 294 | >form{ 295 | width: max-content; 296 | margin: 0 auto; 297 | display: flex; 298 | >input[type="text"]{ 299 | padding: 0 20px; 300 | width: 390px; 301 | border-width: 0; 302 | height: 44px; 303 | &::placeholder{ 304 | color: rgba(51, 51, 51, 0.5); 305 | font-size: 18px; 306 | } 307 | } 308 | >button{ 309 | width: 155px; 310 | height: 44px; 311 | border-width: 0; 312 | text-transform: uppercase; 313 | background: #ffc100; 314 | color: #333; 315 | font-size: 18px; 316 | font-weight: 700; 317 | } 318 | } 319 | } 320 | } 321 | 322 | footer { 323 | background: #2f2f2f; 324 | height: 562px; 325 | width: 1020px; 326 | margin: auto; 327 | display: flex; 328 | padding: 0 90px; 329 | >ul{ 330 | display: grid; 331 | grid-template-columns: 2.5fr repeat(3, 1fr); 332 | grid-gap: 20px; 333 | list-style: none; 334 | margin: auto; 335 | >li{ 336 | >h3{ 337 | font-weight: 700; 338 | font-size: 18px; 339 | color: #fff; 340 | margin-bottom: 20px; 341 | } 342 | >article{ 343 | color: #fff; 344 | font-size: 17px; 345 | font-weight: 300; 346 | margin-bottom: 20px; 347 | width: 340px; 348 | } 349 | >ul{ 350 | list-style: none; 351 | >li{ 352 | margin-bottom: 14px; 353 | >a{ 354 | text-decoration: none; 355 | color: #fff; 356 | font-size: 17px; 357 | font-weight: 300; 358 | } 359 | } 360 | } 361 | &:first-child{ 362 | >ul{ 363 | display: flex; 364 | >li{ 365 | margin-right: 10px; 366 | } 367 | } 368 | } 369 | } 370 | } 371 | } --------------------------------------------------------------------------------