├── .gitignore ├── dec-4-2022 & dec-6-2022 ├── .gitignore ├── images │ ├── faq.png │ ├── tick.png │ ├── manush1.png │ ├── manush2.png │ ├── manush3.png │ ├── slide1.jpg │ ├── slide2.jpg │ ├── slide3.jpg │ ├── slide4.jpg │ ├── AppStore.png │ ├── googleplay.png │ ├── momentPic.png │ ├── packagebg.png │ └── tickWhite.png ├── fonts │ ├── Poppins-Black.ttf │ ├── Poppins-Bold.ttf │ ├── Poppins-Light.ttf │ ├── Poppins-Thin.ttf │ ├── Poppins-Italic.ttf │ ├── Poppins-Medium.ttf │ ├── Poppins-Regular.ttf │ ├── Poppins-SemiBold.ttf │ ├── Poppins-BoldItalic.ttf │ ├── Poppins-ExtraBold.ttf │ ├── Poppins-ExtraLight.ttf │ ├── Poppins-ThinItalic.ttf │ ├── Poppins-BlackItalic.ttf │ ├── Poppins-LightItalic.ttf │ ├── Poppins-MediumItalic.ttf │ ├── Poppins-ExtraBoldItalic.ttf │ ├── Poppins-SemiBoldItalic.ttf │ └── Poppins-ExtraLightItalic.ttf ├── package.json ├── css │ ├── style.css.map │ ├── style.css │ └── style.scss └── package-lock.json ├── nov-29-2022 ├── style.css ├── images │ └── saiful.jpg └── index.html ├── samit.pdf ├── dec-13-2022 ├── style.css ├── index.html └── script.js ├── jan-5-2023 ├── flip-box │ ├── .vscode │ │ └── settings.json │ ├── images │ │ ├── mohsin.jpg │ │ └── sefat.jpg │ ├── css │ │ ├── style.min.css.map │ │ ├── style.min.css │ │ └── style.scss │ └── index.html └── index.html ├── oct-18-2022 ├── cox.jpg └── index.html ├── bootstrap classes.xlsx ├── jan-4-2023 ├── sefali.jpg ├── index.html └── script.js ├── oct-19-2022 ├── asif.jfif └── index.html ├── nov-2-2022 ├── images │ ├── pm.jpg │ ├── download.jfif │ ├── 1628611721_9.jpg │ └── pm-removebg-preview.png ├── index.html └── css │ └── style.css ├── CV of MD Awal Hossain.docx ├── nov-30-2022 ├── images │ ├── img2.jpg │ ├── img1.webp │ └── img3.jpeg ├── css │ ├── style.min.css.map │ ├── style.min.css │ └── style.scss └── index.html ├── Iftakharuls Islam CV .docx.pdf ├── nov-16-2022 ├── grid │ ├── images │ │ ├── fb.jpg │ │ ├── nature1.jpg │ │ ├── nature2.jpg │ │ ├── nature3.jpg │ │ └── class 4 │ │ │ ├── res.xlsx │ │ │ └── salary sheet.xlsm │ ├── index.html │ └── css │ │ └── style.css └── hw │ ├── Sohan │ ├── images │ │ └── elon.webp │ ├── css │ │ └── style.css │ └── index.html │ ├── shanto sarkar │ ├── shan.jpg │ ├── fdgbsdg.jpg │ ├── IMG_1374.JPG │ ├── IMG_1375.JPG │ ├── style.css │ └── index.html │ ├── Mehedi-9-11 │ ├── image │ │ ├── ovi.jpg │ │ ├── ovi-1.jpg │ │ ├── ovi-2 (2).jpg │ │ └── Facebook_files │ │ │ ├── referer_frame(1).html │ │ │ └── referer_frame(3).html │ ├── style.css │ └── index.html │ ├── Md.Saiful Bali │ ├── Messi 1.jpg │ ├── Neymar 0.jpg │ ├── Cristiano Ronaldo.jpg │ ├── style.css │ └── index.html │ ├── SajibMia │ ├── images │ │ ├── Can_Yaman.png │ │ ├── Zaya_Malik.png │ │ └── Hanli_Cavill.png │ ├── style.css │ └── index.html │ └── Sajib_Mia │ ├── images │ ├── pexels-pixabay-461198.jpg │ ├── pexels-rajesh-tp-1624487.jpg │ └── pexels-rajesh-tp-1633525.jpg │ ├── index.html │ └── style.css ├── nov-22-2022 ├── images │ └── messi.jpg ├── index.html └── css │ ├── style.min.css.map │ ├── style.scss │ └── style.min.css ├── nov-23-2022 ├── images │ └── messi.jpg └── css │ ├── style.min.css.map │ ├── style.min.css │ └── style.scss ├── nov-13-2022 ├── hw │ ├── Awal │ │ ├── image │ │ │ ├── yo.jpg │ │ │ ├── miraj.jpg │ │ │ └── model2.jpg │ │ ├── style.css │ │ └── index.html │ ├── Md.Saiful Bali │ │ ├── Messi 1.jpg │ │ ├── Neymar 0.jpg │ │ ├── Cristiano Ronaldo.jpg │ │ ├── style.css │ │ └── index.html │ ├── Tuhin │ │ ├── images │ │ │ ├── amir-khan.jpeg │ │ │ ├── salman-khan.jpeg │ │ │ └── sharuk-khan.jpg │ │ ├── index.html │ │ └── css │ │ │ └── style.css │ └── Sefat │ │ ├── img │ │ ├── 268986441_656449105355383_319893514567767497_n.jpg │ │ ├── 248887219_622185488781745_7818265455590564674_n.jpg │ │ └── 311599615_844752519858373_7356812447430823451_n.jpg │ │ ├── style.css │ │ └── index.html └── cw │ ├── index.html │ ├── practice.html │ └── css │ └── style.css ├── nov-20-2022 ├── revice │ ├── images │ │ ├── bg.png │ │ ├── 3000.jpeg │ │ ├── rakib.jpg │ │ ├── 3000-removebg-preview.png │ │ └── rakib-removebg-preview.png │ ├── css │ │ └── style.css │ └── index.html ├── media-query-and-fonts │ ├── fonts │ │ ├── Poppins │ │ │ ├── Poppins-Black.ttf │ │ │ ├── Poppins-Bold.ttf │ │ │ ├── Poppins-Light.ttf │ │ │ ├── Poppins-Thin.ttf │ │ │ ├── Poppins-Italic.ttf │ │ │ ├── Poppins-Medium.ttf │ │ │ ├── Poppins-Regular.ttf │ │ │ ├── Poppins-BoldItalic.ttf │ │ │ ├── Poppins-ExtraBold.ttf │ │ │ ├── Poppins-ExtraLight.ttf │ │ │ ├── Poppins-SemiBold.ttf │ │ │ ├── Poppins-ThinItalic.ttf │ │ │ ├── Poppins-BlackItalic.ttf │ │ │ ├── Poppins-LightItalic.ttf │ │ │ ├── Poppins-MediumItalic.ttf │ │ │ ├── Poppins-ExtraBoldItalic.ttf │ │ │ ├── Poppins-SemiBoldItalic.ttf │ │ │ ├── Poppins-ExtraLightItalic.ttf │ │ │ └── OFL.txt │ │ ├── Roboto_Condensed │ │ │ ├── RobotoCondensed-Bold.ttf │ │ │ ├── RobotoCondensed-Light.ttf │ │ │ ├── RobotoCondensed-Italic.ttf │ │ │ ├── RobotoCondensed-Regular.ttf │ │ │ ├── RobotoCondensed-BoldItalic.ttf │ │ │ └── RobotoCondensed-LightItalic.ttf │ │ └── Rubik_Distressed │ │ │ ├── RubikDistressed-Regular.ttf │ │ │ └── OFL.txt │ ├── index.html │ └── css │ │ └── style.css └── sass │ ├── css │ ├── style.min.css.map │ ├── style.min.css │ └── style.scss │ └── index.html ├── dec-14-2022 ├── picnic │ ├── images │ │ ├── img1.jpg │ │ └── img2.jpg │ ├── script.js │ ├── style.min.css.map │ ├── style.scss │ ├── style.min.css │ └── index.html └── function │ ├── js │ └── srcipt.js │ ├── css │ ├── style.min.css.map │ ├── style.scss │ └── style.min.css │ └── index.html ├── nov-27-2022 ├── psd2html │ ├── images │ │ ├── logo.png │ │ ├── banner.jpg │ │ ├── footerbd.jpg │ │ ├── gallery1.jpg │ │ ├── gallery2.jpg │ │ ├── gallery3.jpg │ │ ├── gallery4.jpg │ │ ├── gallery5.jpg │ │ ├── gallery6.jpg │ │ ├── mobileIcon.jpg │ │ ├── speackerIcon.jpg │ │ └── telegramIcon.jpg │ └── css │ │ ├── style.min.css.map │ │ └── style.min.css └── hw │ └── Md.Saiful Bali │ ├── img │ ├── All.jpg │ ├── Awal.jpg │ ├── Mehadi.jpg │ ├── mahafuz.jpg │ ├── Asif Abir.jpg │ ├── Asif Abir sir.jpg │ ├── Hrithik Roshan.jpg │ └── IMG_20190621_181103.jpg │ └── css │ ├── style.min.css.map │ ├── style.min.css │ └── style.scss ├── dec-28-2022 ├── style.css ├── index.html └── script.js ├── nov-9-2022 ├── previous homework │ ├── images │ │ └── model.jpg │ ├── index.html │ └── css │ │ └── style.css └── hw │ ├── Md. Saiful Bali │ ├── grand-place-brussels-belgium-shutterstock_286144574_a963734c9e.jpeg │ ├── index.html │ └── style.css │ ├── sajib khan │ ├── style.css │ └── index.html │ ├── awal hossain │ ├── index.html │ └── style.css │ ├── mehedi │ ├── index.html │ └── style.css │ ├── tuhin │ ├── index.html │ └── css │ │ └── style.css │ ├── sefat │ ├── index.html │ └── style.css │ └── sohan │ ├── index.html │ └── CSS │ └── style.css ├── Daffodil International Professional Training Institute.pptx ├── ~$Daffodil International Professional Training Institute.pptx ├── dec-20-2022 ├── main.js └── index.html ├── oct-30-2022 ├── style.css └── index.html ├── jan-3-2023 ├── clock.html └── tabs.html ├── dec-27-2022 └── index.html ├── oct-26-2022 └── index.html └── oct-23-2022 └── index.html /.gitignore: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules -------------------------------------------------------------------------------- /nov-29-2022/style.css: -------------------------------------------------------------------------------- 1 | .brazil { 2 | font-style: italic; 3 | } 4 | -------------------------------------------------------------------------------- /samit.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/samit.pdf -------------------------------------------------------------------------------- /dec-13-2022/style.css: -------------------------------------------------------------------------------- 1 | #messi { 2 | color: cornflowerblue; 3 | font-size: 24px; 4 | } 5 | -------------------------------------------------------------------------------- /jan-5-2023/flip-box/.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "liveServer.settings.port": 5501 3 | } 4 | -------------------------------------------------------------------------------- /oct-18-2022/cox.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/oct-18-2022/cox.jpg -------------------------------------------------------------------------------- /bootstrap classes.xlsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/bootstrap classes.xlsx -------------------------------------------------------------------------------- /jan-4-2023/sefali.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/jan-4-2023/sefali.jpg -------------------------------------------------------------------------------- /oct-19-2022/asif.jfif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/oct-19-2022/asif.jfif -------------------------------------------------------------------------------- /nov-2-2022/images/pm.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-2-2022/images/pm.jpg -------------------------------------------------------------------------------- /CV of MD Awal Hossain.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/CV of MD Awal Hossain.docx -------------------------------------------------------------------------------- /nov-30-2022/images/img2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-30-2022/images/img2.jpg -------------------------------------------------------------------------------- /Iftakharuls Islam CV .docx.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/Iftakharuls Islam CV .docx.pdf -------------------------------------------------------------------------------- /nov-16-2022/grid/images/fb.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-16-2022/grid/images/fb.jpg -------------------------------------------------------------------------------- /nov-22-2022/images/messi.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-22-2022/images/messi.jpg -------------------------------------------------------------------------------- /nov-23-2022/images/messi.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-23-2022/images/messi.jpg -------------------------------------------------------------------------------- /nov-29-2022/images/saiful.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-29-2022/images/saiful.jpg -------------------------------------------------------------------------------- /nov-30-2022/images/img1.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-30-2022/images/img1.webp -------------------------------------------------------------------------------- /nov-30-2022/images/img3.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-30-2022/images/img3.jpeg -------------------------------------------------------------------------------- /nov-13-2022/hw/Awal/image/yo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-13-2022/hw/Awal/image/yo.jpg -------------------------------------------------------------------------------- /nov-2-2022/images/download.jfif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-2-2022/images/download.jfif -------------------------------------------------------------------------------- /nov-20-2022/revice/images/bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-20-2022/revice/images/bg.png -------------------------------------------------------------------------------- /dec-14-2022/picnic/images/img1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/dec-14-2022/picnic/images/img1.jpg -------------------------------------------------------------------------------- /dec-14-2022/picnic/images/img2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/dec-14-2022/picnic/images/img2.jpg -------------------------------------------------------------------------------- /nov-13-2022/hw/Awal/image/miraj.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-13-2022/hw/Awal/image/miraj.jpg -------------------------------------------------------------------------------- /nov-16-2022/grid/images/nature1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-16-2022/grid/images/nature1.jpg -------------------------------------------------------------------------------- /nov-16-2022/grid/images/nature2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-16-2022/grid/images/nature2.jpg -------------------------------------------------------------------------------- /nov-16-2022/grid/images/nature3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-16-2022/grid/images/nature3.jpg -------------------------------------------------------------------------------- /nov-2-2022/images/1628611721_9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-2-2022/images/1628611721_9.jpg -------------------------------------------------------------------------------- /nov-20-2022/revice/images/3000.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-20-2022/revice/images/3000.jpeg -------------------------------------------------------------------------------- /nov-20-2022/revice/images/rakib.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-20-2022/revice/images/rakib.jpg -------------------------------------------------------------------------------- /jan-5-2023/flip-box/images/mohsin.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/jan-5-2023/flip-box/images/mohsin.jpg -------------------------------------------------------------------------------- /jan-5-2023/flip-box/images/sefat.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/jan-5-2023/flip-box/images/sefat.jpg -------------------------------------------------------------------------------- /nov-13-2022/hw/Awal/image/model2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-13-2022/hw/Awal/image/model2.jpg -------------------------------------------------------------------------------- /nov-16-2022/hw/Sohan/images/elon.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-16-2022/hw/Sohan/images/elon.webp -------------------------------------------------------------------------------- /nov-16-2022/hw/shanto sarkar/shan.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-16-2022/hw/shanto sarkar/shan.jpg -------------------------------------------------------------------------------- /nov-27-2022/psd2html/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-27-2022/psd2html/images/logo.png -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/images/faq.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/dec-4-2022 & dec-6-2022/images/faq.png -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/images/tick.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/dec-4-2022 & dec-6-2022/images/tick.png -------------------------------------------------------------------------------- /nov-16-2022/grid/images/class 4/res.xlsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-16-2022/grid/images/class 4/res.xlsx -------------------------------------------------------------------------------- /nov-16-2022/hw/Mehedi-9-11/image/ovi.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-16-2022/hw/Mehedi-9-11/image/ovi.jpg -------------------------------------------------------------------------------- /nov-16-2022/hw/shanto sarkar/fdgbsdg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-16-2022/hw/shanto sarkar/fdgbsdg.jpg -------------------------------------------------------------------------------- /nov-27-2022/psd2html/images/banner.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-27-2022/psd2html/images/banner.jpg -------------------------------------------------------------------------------- /nov-27-2022/psd2html/images/footerbd.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-27-2022/psd2html/images/footerbd.jpg -------------------------------------------------------------------------------- /nov-27-2022/psd2html/images/gallery1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-27-2022/psd2html/images/gallery1.jpg -------------------------------------------------------------------------------- /nov-27-2022/psd2html/images/gallery2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-27-2022/psd2html/images/gallery2.jpg -------------------------------------------------------------------------------- /nov-27-2022/psd2html/images/gallery3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-27-2022/psd2html/images/gallery3.jpg -------------------------------------------------------------------------------- /nov-27-2022/psd2html/images/gallery4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-27-2022/psd2html/images/gallery4.jpg -------------------------------------------------------------------------------- /nov-27-2022/psd2html/images/gallery5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-27-2022/psd2html/images/gallery5.jpg -------------------------------------------------------------------------------- /nov-27-2022/psd2html/images/gallery6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-27-2022/psd2html/images/gallery6.jpg -------------------------------------------------------------------------------- /dec-28-2022/style.css: -------------------------------------------------------------------------------- 1 | .red { 2 | color: red; 3 | } 4 | .green { 5 | color: green; 6 | } 7 | .blue { 8 | color: blue; 9 | } 10 | -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/images/manush1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/dec-4-2022 & dec-6-2022/images/manush1.png -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/images/manush2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/dec-4-2022 & dec-6-2022/images/manush2.png -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/images/manush3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/dec-4-2022 & dec-6-2022/images/manush3.png -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/images/slide1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/dec-4-2022 & dec-6-2022/images/slide1.jpg -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/images/slide2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/dec-4-2022 & dec-6-2022/images/slide2.jpg -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/images/slide3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/dec-4-2022 & dec-6-2022/images/slide3.jpg -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/images/slide4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/dec-4-2022 & dec-6-2022/images/slide4.jpg -------------------------------------------------------------------------------- /nov-13-2022/hw/Md.Saiful Bali/Messi 1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-13-2022/hw/Md.Saiful Bali/Messi 1.jpg -------------------------------------------------------------------------------- /nov-13-2022/hw/Md.Saiful Bali/Neymar 0.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-13-2022/hw/Md.Saiful Bali/Neymar 0.jpg -------------------------------------------------------------------------------- /nov-13-2022/hw/Tuhin/images/amir-khan.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-13-2022/hw/Tuhin/images/amir-khan.jpeg -------------------------------------------------------------------------------- /nov-16-2022/hw/Md.Saiful Bali/Messi 1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-16-2022/hw/Md.Saiful Bali/Messi 1.jpg -------------------------------------------------------------------------------- /nov-16-2022/hw/Md.Saiful Bali/Neymar 0.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-16-2022/hw/Md.Saiful Bali/Neymar 0.jpg -------------------------------------------------------------------------------- /nov-16-2022/hw/Mehedi-9-11/image/ovi-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-16-2022/hw/Mehedi-9-11/image/ovi-1.jpg -------------------------------------------------------------------------------- /nov-16-2022/hw/shanto sarkar/IMG_1374.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-16-2022/hw/shanto sarkar/IMG_1374.JPG -------------------------------------------------------------------------------- /nov-16-2022/hw/shanto sarkar/IMG_1375.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-16-2022/hw/shanto sarkar/IMG_1375.JPG -------------------------------------------------------------------------------- /nov-2-2022/images/pm-removebg-preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-2-2022/images/pm-removebg-preview.png -------------------------------------------------------------------------------- /nov-27-2022/hw/Md.Saiful Bali/img/All.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-27-2022/hw/Md.Saiful Bali/img/All.jpg -------------------------------------------------------------------------------- /nov-27-2022/hw/Md.Saiful Bali/img/Awal.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-27-2022/hw/Md.Saiful Bali/img/Awal.jpg -------------------------------------------------------------------------------- /nov-27-2022/psd2html/images/mobileIcon.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-27-2022/psd2html/images/mobileIcon.jpg -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/images/AppStore.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/dec-4-2022 & dec-6-2022/images/AppStore.png -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/images/googleplay.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/dec-4-2022 & dec-6-2022/images/googleplay.png -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/images/momentPic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/dec-4-2022 & dec-6-2022/images/momentPic.png -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/images/packagebg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/dec-4-2022 & dec-6-2022/images/packagebg.png -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/images/tickWhite.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/dec-4-2022 & dec-6-2022/images/tickWhite.png -------------------------------------------------------------------------------- /nov-13-2022/hw/Tuhin/images/salman-khan.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-13-2022/hw/Tuhin/images/salman-khan.jpeg -------------------------------------------------------------------------------- /nov-13-2022/hw/Tuhin/images/sharuk-khan.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-13-2022/hw/Tuhin/images/sharuk-khan.jpg -------------------------------------------------------------------------------- /nov-16-2022/hw/SajibMia/images/Can_Yaman.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-16-2022/hw/SajibMia/images/Can_Yaman.png -------------------------------------------------------------------------------- /nov-16-2022/hw/SajibMia/images/Zaya_Malik.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-16-2022/hw/SajibMia/images/Zaya_Malik.png -------------------------------------------------------------------------------- /nov-27-2022/hw/Md.Saiful Bali/img/Mehadi.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-27-2022/hw/Md.Saiful Bali/img/Mehadi.jpg -------------------------------------------------------------------------------- /nov-27-2022/hw/Md.Saiful Bali/img/mahafuz.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-27-2022/hw/Md.Saiful Bali/img/mahafuz.jpg -------------------------------------------------------------------------------- /nov-27-2022/psd2html/images/speackerIcon.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-27-2022/psd2html/images/speackerIcon.jpg -------------------------------------------------------------------------------- /nov-27-2022/psd2html/images/telegramIcon.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-27-2022/psd2html/images/telegramIcon.jpg -------------------------------------------------------------------------------- /nov-9-2022/previous homework/images/model.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-9-2022/previous homework/images/model.jpg -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/fonts/Poppins-Black.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/dec-4-2022 & dec-6-2022/fonts/Poppins-Black.ttf -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/fonts/Poppins-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/dec-4-2022 & dec-6-2022/fonts/Poppins-Bold.ttf -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/fonts/Poppins-Light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/dec-4-2022 & dec-6-2022/fonts/Poppins-Light.ttf -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/fonts/Poppins-Thin.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/dec-4-2022 & dec-6-2022/fonts/Poppins-Thin.ttf -------------------------------------------------------------------------------- /nov-16-2022/hw/Mehedi-9-11/image/ovi-2 (2).jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-16-2022/hw/Mehedi-9-11/image/ovi-2 (2).jpg -------------------------------------------------------------------------------- /nov-16-2022/hw/SajibMia/images/Hanli_Cavill.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-16-2022/hw/SajibMia/images/Hanli_Cavill.png -------------------------------------------------------------------------------- /nov-27-2022/hw/Md.Saiful Bali/img/Asif Abir.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-27-2022/hw/Md.Saiful Bali/img/Asif Abir.jpg -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/fonts/Poppins-Italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/dec-4-2022 & dec-6-2022/fonts/Poppins-Italic.ttf -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/fonts/Poppins-Medium.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/dec-4-2022 & dec-6-2022/fonts/Poppins-Medium.ttf -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/fonts/Poppins-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/dec-4-2022 & dec-6-2022/fonts/Poppins-Regular.ttf -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/fonts/Poppins-SemiBold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/dec-4-2022 & dec-6-2022/fonts/Poppins-SemiBold.ttf -------------------------------------------------------------------------------- /nov-16-2022/grid/images/class 4/salary sheet.xlsm: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-16-2022/grid/images/class 4/salary sheet.xlsm -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/fonts/Poppins-BoldItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/dec-4-2022 & dec-6-2022/fonts/Poppins-BoldItalic.ttf -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/fonts/Poppins-ExtraBold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/dec-4-2022 & dec-6-2022/fonts/Poppins-ExtraBold.ttf -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/fonts/Poppins-ExtraLight.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/dec-4-2022 & dec-6-2022/fonts/Poppins-ExtraLight.ttf -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/fonts/Poppins-ThinItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/dec-4-2022 & dec-6-2022/fonts/Poppins-ThinItalic.ttf -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "@fortawesome/fontawesome-free": "^6.2.1", 4 | "bootstrap": "^5.2.3" 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /nov-13-2022/hw/Md.Saiful Bali/Cristiano Ronaldo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-13-2022/hw/Md.Saiful Bali/Cristiano Ronaldo.jpg -------------------------------------------------------------------------------- /nov-16-2022/hw/Md.Saiful Bali/Cristiano Ronaldo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-16-2022/hw/Md.Saiful Bali/Cristiano Ronaldo.jpg -------------------------------------------------------------------------------- /nov-20-2022/revice/images/3000-removebg-preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-20-2022/revice/images/3000-removebg-preview.png -------------------------------------------------------------------------------- /nov-20-2022/revice/images/rakib-removebg-preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-20-2022/revice/images/rakib-removebg-preview.png -------------------------------------------------------------------------------- /nov-27-2022/hw/Md.Saiful Bali/img/Asif Abir sir.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-27-2022/hw/Md.Saiful Bali/img/Asif Abir sir.jpg -------------------------------------------------------------------------------- /nov-27-2022/hw/Md.Saiful Bali/img/Hrithik Roshan.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-27-2022/hw/Md.Saiful Bali/img/Hrithik Roshan.jpg -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/fonts/Poppins-BlackItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/dec-4-2022 & dec-6-2022/fonts/Poppins-BlackItalic.ttf -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/fonts/Poppins-LightItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/dec-4-2022 & dec-6-2022/fonts/Poppins-LightItalic.ttf -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/fonts/Poppins-MediumItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/dec-4-2022 & dec-6-2022/fonts/Poppins-MediumItalic.ttf -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/fonts/Poppins-ExtraBoldItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/dec-4-2022 & dec-6-2022/fonts/Poppins-ExtraBoldItalic.ttf -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/fonts/Poppins-SemiBoldItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/dec-4-2022 & dec-6-2022/fonts/Poppins-SemiBoldItalic.ttf -------------------------------------------------------------------------------- /nov-16-2022/hw/Sajib_Mia/images/pexels-pixabay-461198.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-16-2022/hw/Sajib_Mia/images/pexels-pixabay-461198.jpg -------------------------------------------------------------------------------- /nov-27-2022/hw/Md.Saiful Bali/img/IMG_20190621_181103.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-27-2022/hw/Md.Saiful Bali/img/IMG_20190621_181103.jpg -------------------------------------------------------------------------------- /Daffodil International Professional Training Institute.pptx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/Daffodil International Professional Training Institute.pptx -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/fonts/Poppins-ExtraLightItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/dec-4-2022 & dec-6-2022/fonts/Poppins-ExtraLightItalic.ttf -------------------------------------------------------------------------------- /nov-16-2022/hw/Sajib_Mia/images/pexels-rajesh-tp-1624487.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-16-2022/hw/Sajib_Mia/images/pexels-rajesh-tp-1624487.jpg -------------------------------------------------------------------------------- /nov-16-2022/hw/Sajib_Mia/images/pexels-rajesh-tp-1633525.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-16-2022/hw/Sajib_Mia/images/pexels-rajesh-tp-1633525.jpg -------------------------------------------------------------------------------- /nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-Black.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-Black.ttf -------------------------------------------------------------------------------- /nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-Bold.ttf -------------------------------------------------------------------------------- /nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-Light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-Light.ttf -------------------------------------------------------------------------------- /nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-Thin.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-Thin.ttf -------------------------------------------------------------------------------- /nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-Italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-Italic.ttf -------------------------------------------------------------------------------- /nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-Medium.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-Medium.ttf -------------------------------------------------------------------------------- /nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-Regular.ttf -------------------------------------------------------------------------------- /nov-30-2022/css/style.min.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,yBAAA,CAGF,sCACE,UAAA,CACA,WAAA,CACA,iBAAA,CAKA,0DACE,yBAAA","file":"style.min.css"} -------------------------------------------------------------------------------- /nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-BoldItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-BoldItalic.ttf -------------------------------------------------------------------------------- /nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-ExtraBold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-ExtraBold.ttf -------------------------------------------------------------------------------- /nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-ExtraLight.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-ExtraLight.ttf -------------------------------------------------------------------------------- /nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-SemiBold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-SemiBold.ttf -------------------------------------------------------------------------------- /nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-ThinItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-ThinItalic.ttf -------------------------------------------------------------------------------- /nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-BlackItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-BlackItalic.ttf -------------------------------------------------------------------------------- /nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-LightItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-LightItalic.ttf -------------------------------------------------------------------------------- /nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-MediumItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-MediumItalic.ttf -------------------------------------------------------------------------------- /nov-13-2022/hw/Sefat/img/268986441_656449105355383_319893514567767497_n.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-13-2022/hw/Sefat/img/268986441_656449105355383_319893514567767497_n.jpg -------------------------------------------------------------------------------- /nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-ExtraBoldItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-ExtraBoldItalic.ttf -------------------------------------------------------------------------------- /nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-SemiBoldItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-SemiBoldItalic.ttf -------------------------------------------------------------------------------- /nov-13-2022/hw/Sefat/img/248887219_622185488781745_7818265455590564674_n.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-13-2022/hw/Sefat/img/248887219_622185488781745_7818265455590564674_n.jpg -------------------------------------------------------------------------------- /nov-13-2022/hw/Sefat/img/311599615_844752519858373_7356812447430823451_n.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-13-2022/hw/Sefat/img/311599615_844752519858373_7356812447430823451_n.jpg -------------------------------------------------------------------------------- /nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-ExtraLightItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-20-2022/media-query-and-fonts/fonts/Poppins/Poppins-ExtraLightItalic.ttf -------------------------------------------------------------------------------- /nov-20-2022/media-query-and-fonts/fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-20-2022/media-query-and-fonts/fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf -------------------------------------------------------------------------------- /nov-20-2022/media-query-and-fonts/fonts/Roboto_Condensed/RobotoCondensed-Light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-20-2022/media-query-and-fonts/fonts/Roboto_Condensed/RobotoCondensed-Light.ttf -------------------------------------------------------------------------------- /dec-14-2022/picnic/script.js: -------------------------------------------------------------------------------- 1 | var img = document.getElementById("img"); 2 | 3 | function img1() { 4 | img.src = "./images/img1.jpg"; 5 | } 6 | 7 | function img2() { 8 | img.src = "./images/img2.jpg"; 9 | } 10 | -------------------------------------------------------------------------------- /nov-20-2022/media-query-and-fonts/fonts/Roboto_Condensed/RobotoCondensed-Italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-20-2022/media-query-and-fonts/fonts/Roboto_Condensed/RobotoCondensed-Italic.ttf -------------------------------------------------------------------------------- /nov-20-2022/media-query-and-fonts/fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-20-2022/media-query-and-fonts/fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf -------------------------------------------------------------------------------- /nov-20-2022/media-query-and-fonts/fonts/Rubik_Distressed/RubikDistressed-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-20-2022/media-query-and-fonts/fonts/Rubik_Distressed/RubikDistressed-Regular.ttf -------------------------------------------------------------------------------- /~$Daffodil International Professional Training Institute.pptx: -------------------------------------------------------------------------------- 1 | Windows User Windows User -------------------------------------------------------------------------------- /nov-20-2022/media-query-and-fonts/fonts/Roboto_Condensed/RobotoCondensed-BoldItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-20-2022/media-query-and-fonts/fonts/Roboto_Condensed/RobotoCondensed-BoldItalic.ttf -------------------------------------------------------------------------------- /nov-20-2022/media-query-and-fonts/fonts/Roboto_Condensed/RobotoCondensed-LightItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-20-2022/media-query-and-fonts/fonts/Roboto_Condensed/RobotoCondensed-LightItalic.ttf -------------------------------------------------------------------------------- /nov-9-2022/hw/Md. Saiful Bali/grand-place-brussels-belgium-shutterstock_286144574_a963734c9e.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/ia19wdes/main/nov-9-2022/hw/Md. Saiful Bali/grand-place-brussels-belgium-shutterstock_286144574_a963734c9e.jpeg -------------------------------------------------------------------------------- /nov-30-2022/css/style.min.css: -------------------------------------------------------------------------------- 1 | .carousel-caption{background:rgba(0,0,0,.5)}.carousel-indicators [data-bs-target]{width:20px;height:20px;border-radius:50%}.carousel-control-prev:hover,.carousel-control-next:hover{background:rgba(0,0,0,.5)}/*# sourceMappingURL=style.min.css.map */ -------------------------------------------------------------------------------- /dec-14-2022/function/js/srcipt.js: -------------------------------------------------------------------------------- 1 | var cd = document.getElementById("bd"); 2 | 3 | function bd(Country = "Bangladesh", city = "Dhaka") { 4 | cd.innerHTML += city + " is the capital of " + Country + "
"; 5 | } 6 | 7 | // bd("India"); 8 | bd(); 9 | bd("India", "New Dilli"); 10 | -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/css/style.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AACA;EACE,+BAAA;EACA,yCAAA;ACAF;ADEA;EACE,4BAAA;EACA,sCAAA;ACAF;ADIE;EACE,+BAAA;ACFJ;ADIE;EACE,4BAAA;EACA,YAAA;EACA,iBAAA;ACFJ;;ADMA;EAEE,0BAAA;EACA,aAAA;ACJF","file":"style.css"} -------------------------------------------------------------------------------- /dec-14-2022/function/css/style.min.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,EACE,QAAA,CACA,SAAA,CACA,6BAAA,CAAA,qBAAA,CAGF,IACE,UAAA,CACA,YAAA,CACA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,uBAAA,CAAA,oBAAA,CAAA,sBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,kBAAA,CACA,cAAA,CACA,wBAAA,CACA,iBAAA","file":"style.min.css"} -------------------------------------------------------------------------------- /dec-14-2022/function/css/style.scss: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | .bd { 8 | width: 100%; 9 | height: 100vh; 10 | display: flex; 11 | justify-content: center; 12 | align-items: center; 13 | font-size: 24px; 14 | text-transform: uppercase; 15 | text-align: center; 16 | } 17 | -------------------------------------------------------------------------------- /nov-30-2022/css/style.scss: -------------------------------------------------------------------------------- 1 | .carousel-caption { 2 | background: rgba(0, 0, 0, 0.5); 3 | } 4 | 5 | .carousel-indicators [data-bs-target] { 6 | width: 20px; 7 | height: 20px; 8 | border-radius: 50%; 9 | } 10 | 11 | .carousel-control-prev, 12 | .carousel-control-next { 13 | &:hover { 14 | background: rgba(0, 0, 0, 0.5); 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /dec-20-2022/main.js: -------------------------------------------------------------------------------- 1 | var nameDiv = document.getElementById("name"); 2 | 3 | nameDiv.innerHTML = "Bangladesh"; 4 | 5 | function dhakaFunc() { 6 | nameDiv.innerHTML = "Dhaka is the capital of Bangladesh"; 7 | } 8 | 9 | function nameFunc() { 10 | nameDiv.innerHTML = "Bangladesh"; 11 | } 12 | 13 | function worldCup(data) { 14 | nameDiv.innerHTML = data; 15 | } 16 | -------------------------------------------------------------------------------- /nov-20-2022/sass/css/style.min.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,EACE,QAAA,CACA,SAAA,CACA,6BAAA,CAAA,qBAAA,CAcF,OARE,eAHe,CAIf,WAQoB,CAPpB,WAO2B,CAN3B,WAAA,CACA,YAAA,CACA,iBAAA,CAOF,UAZE,eAHe,CAIf,WAYoB,CAXpB,YAW2B,CAV3B,WAAA,CACA,YAAA,CACA,iBAAA,CAWF,IACI,WAAA,CACA,YAAA,CACA,cAAA,CACA,QACI,WAAA,CACA,YAAA,CACA,gBAAA","file":"style.min.css"} -------------------------------------------------------------------------------- /dec-14-2022/function/css/style.min.css: -------------------------------------------------------------------------------- 1 | *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.bd{width:100%;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:24px;text-transform:uppercase;text-align:center}/*# sourceMappingURL=style.min.css.map */ -------------------------------------------------------------------------------- /dec-14-2022/picnic/style.min.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,EACE,QAAA,CACA,SAAA,CACA,6BAAA,CAAA,qBAAA,CAGF,MACE,UAAA,CACA,YAAA,CACA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,uBAAA,CAAA,oBAAA,CAAA,sBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,kBAAA,CACA,2BAAA,CAAA,4BAAA,CAAA,yBAAA,CAAA,qBAAA,CACA,UACE,WAAA,CACA,YAAA,CACA,mBAAA,CAAA,gBAAA,CAEF,UACE,eAAA,CACA,iBACE,gBAAA,CACA,cAAA","file":"style.min.css"} -------------------------------------------------------------------------------- /nov-20-2022/sass/css/style.min.css: -------------------------------------------------------------------------------- 1 | *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.dhaka{background:blue;width:100px;height:50px;margin:20px;padding:20px;border-radius:8px}.rajshahi{background:blue;width:200px;height:100px;margin:20px;padding:20px;border-radius:8px}.bd{width:200px;height:200px;background:red}.bd>.cd{width:100px;height:100px;background:green}/*# sourceMappingURL=style.min.css.map */ -------------------------------------------------------------------------------- /jan-4-2023/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Alhamdulillah 8 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /dec-14-2022/function/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /nov-9-2022/hw/sajib khan/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | } 5 | .main{ 6 | width: 360px; 7 | height: 260px; 8 | margin: 100px 100px; 9 | display: flex; 10 | 11 | } 12 | .black{ 13 | width: 120px; 14 | height: 100%; 15 | background-color: black; 16 | } 17 | .yellow{ 18 | width: 120px; 19 | height: 100%; 20 | background-color: yellow; 21 | } 22 | .red{ 23 | width: 120px; 24 | height: 100%; 25 | background-color: red; 26 | } 27 | -------------------------------------------------------------------------------- /dec-14-2022/picnic/style.scss: -------------------------------------------------------------------------------- 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: center; 12 | align-items: center; 13 | flex-direction: column; 14 | > img { 15 | width: 450px; 16 | height: 350px; 17 | object-fit: cover; 18 | } 19 | > div { 20 | margin-top: 20px; 21 | > button { 22 | padding: 8px 20px; 23 | cursor: pointer; 24 | } 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /nov-16-2022/hw/Mehedi-9-11/image/Facebook_files/referer_frame(1).html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
-------------------------------------------------------------------------------- /nov-16-2022/hw/Mehedi-9-11/image/Facebook_files/referer_frame(3).html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
-------------------------------------------------------------------------------- /nov-9-2022/hw/awal hossain/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 | 16 | -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/css/style.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: "Poppins-SemiBold"; 3 | src: url("../fonts/Poppins-SemiBold.ttf"); 4 | } 5 | @font-face { 6 | font-family: "Poppins-Light"; 7 | src: url("../fonts/Poppins-Light.ttf"); 8 | } 9 | .carousel-caption > h5 { 10 | font-family: "Poppins-SemiBold"; 11 | } 12 | .carousel-caption > p { 13 | font-family: "Poppins-Light"; 14 | width: 456px; 15 | line-height: 24px; 16 | } 17 | 18 | .spPackage { 19 | background: red !important; 20 | display: none; 21 | }/*# sourceMappingURL=style.css.map */ -------------------------------------------------------------------------------- /jan-5-2023/flip-box/css/style.min.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,EACE,QAAA,CACA,SAAA,CACA,6BAAA,CAAA,qBAAA,CAGF,MACE,UAAA,CACA,YAAA,CACA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,YACE,WAAA,CACA,YAAA,CACA,iBAAA,CACA,WAAA,CACA,uCAEE,UAAA,CACA,WAAA,CACA,iBAAA,CACA,KAAA,CACA,MAAA,CACA,kCAAA,CAAA,0BAAA,CACA,qBAAA,CAAA,aAAA,CACA,0BAAA,CAAA,kBAAA,CACA,mCAAA,CAAA,2BAAA,CAEF,mBACE,+CAAA,CACA,qBAAA,CACA,6BAAA,CAEF,oBACE,gDAAA,CACA,yBAAA,CACA,gCAAA,CACA,iCAAA,CAAA,yBAAA,CAGA,yBACE,iCAAA,CAAA,yBAAA,CAEF,0BACE,+BAAA,CAAA,uBAAA","file":"style.min.css"} -------------------------------------------------------------------------------- /jan-5-2023/flip-box/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 |
12 |
13 |
14 |
15 |
16 |
17 | 18 | 19 | -------------------------------------------------------------------------------- /nov-9-2022/hw/sajib khan/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Belgium_Flag 8 | 9 | 10 | 11 |

Belgium_Flag

12 |
13 | 14 |
15 |
16 |
17 |
18 | 19 | -------------------------------------------------------------------------------- /nov-9-2022/hw/mehedi/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Flag 8 | 9 | 10 | 11 |
12 |
13 |
14 |
15 |
16 | 17 | 18 |
19 |
20 | 21 | 22 | -------------------------------------------------------------------------------- /nov-9-2022/hw/tuhin/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 | -------------------------------------------------------------------------------- /dec-14-2022/picnic/style.min.css: -------------------------------------------------------------------------------- 1 | *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.main{width:100%;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.main>img{width:450px;height:350px;-o-object-fit:cover;object-fit:cover}.main>div{margin-top:20px}.main>div>button{padding:8px 20px;cursor:pointer}/*# sourceMappingURL=style.min.css.map */ -------------------------------------------------------------------------------- /nov-20-2022/sass/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 | 19 | 20 | -------------------------------------------------------------------------------- /nov-9-2022/hw/sefat/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 |

Belgium Flag

12 | 13 |
14 |
15 |
16 |
17 | 18 |
19 | 20 | -------------------------------------------------------------------------------- /nov-2-2022/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 | -------------------------------------------------------------------------------- /dec-13-2022/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 |
12 |
13 | 14 |
15 |
16 |
17 |
18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /nov-9-2022/hw/Md. Saiful Bali/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 | 20 | 21 | -------------------------------------------------------------------------------- /dec-20-2022/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |
11 | 12 | 13 |
Messi
14 |
Argentina
15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /dec-14-2022/picnic/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 | -------------------------------------------------------------------------------- /oct-30-2022/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | .taskin { 8 | background: green; 9 | color: white; 10 | } 11 | 12 | .potaka { 13 | width: 300px; 14 | height: 200px; 15 | margin: 20px; 16 | border: 5px solid blue; 17 | } 18 | 19 | .kalu { 20 | width: 100%; 21 | height: 33%; 22 | background: black; 23 | } 24 | 25 | .lalu { 26 | width: 100%; 27 | height: 34%; 28 | background: red; 29 | } 30 | 31 | .halu { 32 | width: 100%; 33 | height: 33%; 34 | background: yellow; 35 | } 36 | 37 | .potaka:hover .kalu { 38 | background: red; 39 | } 40 | 41 | .potaka:hover .lalu { 42 | background: white; 43 | } 44 | 45 | .potaka:hover .halu { 46 | background: red; 47 | } 48 | -------------------------------------------------------------------------------- /nov-9-2022/hw/sefat/style.css: -------------------------------------------------------------------------------- 1 | *body{ 2 | margin: 0; 3 | padding: 0; 4 | background-color: bisque; 5 | } 6 | .text{ 7 | text-align: center; 8 | height: auto; 9 | width: auto; 10 | background-color: cornsilk; 11 | } 12 | .main{ 13 | width: 400px; 14 | height: 400px; 15 | background-color: aqua; 16 | display: flex; 17 | margin: 25px; 18 | position: center; 19 | padding: 25px; 20 | } 21 | .black{ 22 | width: 80px; 23 | height: 300px; 24 | background-color: black; 25 | 26 | padding: relative; 27 | } 28 | .yellow{ 29 | width: 80px; 30 | height: 300px; 31 | background-color: yellow; 32 | } 33 | .red{ 34 | width: 80px; 35 | height: 300px; 36 | background-color: red; 37 | } -------------------------------------------------------------------------------- /nov-20-2022/sass/css/style.scss: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | $districBgColor: blue; 8 | 9 | @mixin commonCode($w, $h) { 10 | background: $districBgColor; 11 | width: $w; 12 | height: $h; 13 | margin: 20px; 14 | padding: 20px; 15 | border-radius: 8px; 16 | } 17 | 18 | .dhaka { 19 | @include commonCode(100px, 50px); 20 | } 21 | 22 | .rajshahi { 23 | @include commonCode(200px, 100px); 24 | } 25 | 26 | .bd{ 27 | width: 200px; 28 | height: 200px; 29 | background: red; 30 | >.cd{ 31 | width: 100px; 32 | height: 100px; 33 | background: green; 34 | >.ad{ 35 | &:hover{} 36 | } 37 | } 38 | } 39 | 40 | .bd > .cd > .ad:hover { 41 | 42 | } -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/css/style.scss: -------------------------------------------------------------------------------- 1 | @import "../node_modules/bootstrap/scss/bootstrap"; 2 | @font-face { 3 | font-family: "Poppins-SemiBold"; 4 | src: url("../fonts/Poppins-SemiBold.ttf"); 5 | } 6 | @font-face { 7 | font-family: "Poppins-Light"; 8 | src: url("../fonts/Poppins-Light.ttf"); 9 | } 10 | 11 | .carousel-caption { 12 | > h5 { 13 | font-family: "Poppins-SemiBold"; 14 | } 15 | > p { 16 | font-family: "Poppins-Light"; 17 | width: 456px; 18 | line-height: 24px; 19 | } 20 | } 21 | 22 | .spPackage { 23 | background: url("../images/packagebg.png"); 24 | background-repeat: no-repeat; 25 | background-position: right top; 26 | } 27 | 28 | .accordion-button:not(.collapsed) { 29 | font-weight: 600; 30 | color: #383838; 31 | background: transparent; 32 | } 33 | -------------------------------------------------------------------------------- /nov-9-2022/hw/sohan/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | The Flag 8 | 9 | 10 | 11 |
12 |

BELGIUM FLAG TO

13 |
14 |

] 15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 | 26 | 27 | -------------------------------------------------------------------------------- /dec-28-2022/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 |
Metro Rail
12 | 13 | 14 | 15 | 16 | 24 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /nov-9-2022/hw/mehedi/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | 5 | } 6 | .main{ 7 | width:100%; 8 | height: 100vh; 9 | background: gray; 10 | display: flex; 11 | } 12 | .flag{ 13 | height: 600px; 14 | width: 600px; 15 | background:red; 16 | margin: auto; 17 | } 18 | .black{ 19 | height: 600px; 20 | width: 200px; 21 | background:black; 22 | float: left; 23 | } 24 | .yellow{ 25 | height: 600px; 26 | width: 200px; 27 | background: yellow; 28 | float:left; 29 | } 30 | .red{ 31 | height: 600px; 32 | width: 200px; 33 | background: red; 34 | float: left; 35 | } 36 | .flag:hover .black{ 37 | background: blue;} 38 | .flag:hover .yellow{ 39 | background: white} 40 | .flag:hover .red{ 41 | background: red;} -------------------------------------------------------------------------------- /dec-28-2022/script.js: -------------------------------------------------------------------------------- 1 | const main = document.getElementById("main"); 2 | const red = document.getElementById("red"); 3 | const green = document.getElementById("green"); 4 | const blue = document.getElementById("blue"); 5 | 6 | red.addEventListener("click", () => { 7 | main.classList.value = "red"; 8 | }); 9 | 10 | green.addEventListener("click", () => { 11 | main.classList.value = "green"; 12 | }); 13 | 14 | blue.addEventListener("click", () => { 15 | main.classList.value = "blue"; 16 | }); 17 | 18 | const city = document.getElementsByClassName("city")[0]; 19 | console.log(city); 20 | console.log(city.children); 21 | console.log(city.children.length); 22 | 23 | for (let i = 0; i < city.children.length; i++) { 24 | city.children[i].addEventListener("click", () => { 25 | main.textContent = city.children[i].innerHTML; 26 | }); 27 | } 28 | -------------------------------------------------------------------------------- /nov-9-2022/hw/awal hossain/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | 5 | } 6 | .main{ 7 | width: 100%; 8 | height: 100vh; 9 | background: grey; 10 | display: flex; 11 | } 12 | .flag{ 13 | width: 600px; 14 | height: 600px; 15 | background: green; 16 | margin: auto; 17 | } 18 | .black{ 19 | height: 600px; 20 | width: 200px; 21 | background-color: #000000; 22 | float: left; 23 | } 24 | .yellow{ 25 | height: 600px; 26 | width: 200px; 27 | background-color: #f5d324; 28 | float: left; 29 | } 30 | .red{ 31 | height: 600px; 32 | width: 200px; 33 | background-color: #c81025; 34 | float: left; 35 | } 36 | .flag:hover .black{ 37 | background-color:#002551; 38 | } 39 | .flag:hover .yellow{ 40 | background-color: white; 41 | } 42 | .flag:hover .red{ 43 | background-color: #c81025; 44 | } 45 | -------------------------------------------------------------------------------- /nov-9-2022/hw/tuhin/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-color: aqua; 11 | display: flex; 12 | } 13 | 14 | .potaka { 15 | width: 600px; 16 | height: 400px; 17 | margin: auto; 18 | display: flex; 19 | border: 10px solid brown; 20 | } 21 | 22 | .kala { 23 | width: 100%; 24 | height: 100%; 25 | background-color: black; 26 | margin: auto; 27 | } 28 | 29 | .komola { 30 | width: 100%; 31 | height: 100%; 32 | background-color: yellow; 33 | margin: auto; 34 | } 35 | 36 | .lal{ 37 | width: 100%; 38 | height: 100%; 39 | background-color: red; 40 | margin: auto; 41 | } 42 | 43 | .potaka:hover .kala { 44 | background-color: navy; 45 | } 46 | 47 | .potaka:hover .komola { 48 | background-color: white; 49 | } -------------------------------------------------------------------------------- /nov-9-2022/hw/Md. Saiful Bali/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | /* Md: Saiful Bali */ 6 | } 7 | .Main { 8 | width: 100%; 9 | height: 100vh; 10 | display: flex; 11 | background: url("./grand-place-brussels-belgium-shutterstock_286144574_a963734c9e.jpeg"); 12 | background-repeat: no-repeat; 13 | background-size: cover; 14 | } 15 | .Belgium { 16 | width: 300px; 17 | height: 200px; 18 | margin: auto; 19 | display: flex; 20 | border: 3px solid green; 21 | } 22 | .Black { 23 | width: 34%; 24 | height: 100%; 25 | background: black; 26 | } 27 | .Yellow { 28 | width: 33%; 29 | height: 100%; 30 | background: yellow; 31 | } 32 | .Red { 33 | width: 34%; 34 | height: 100%; 35 | background: red; 36 | } 37 | .Belgium:hover .Black { 38 | background: blue; 39 | } 40 | .Belgium:hover .Yellow { 41 | background: white; 42 | } 43 | .Belgium:hover .Red { 44 | background: red; 45 | } 46 | -------------------------------------------------------------------------------- /jan-4-2023/script.js: -------------------------------------------------------------------------------- 1 | document.body.style.cssText = ` 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | `; 6 | 7 | const sefat = document.querySelector("#sefat"); 8 | 9 | sefat.style.cssText = ` 10 | width: 100%; 11 | height: 100vh; 12 | display: flex; 13 | background: dodgerblue; 14 | `; 15 | 16 | const sifatChield = document.createElement("div"); 17 | sifatChield.innerHTML = "Sefali binte Sefat"; 18 | 19 | sifatChield.style.cssText = ` 20 | width: 350px; 21 | height: 350px; 22 | background: white; 23 | margin: auto; 24 | display: flex; 25 | justify-content: center; 26 | align-items: center; 27 | font-size: 2.5rem; 28 | font-weight: bolder; 29 | background: url("./sefali.jpg"); 30 | background-clip: text; 31 | -webkit-background-clip: text; 32 | color: transparent; 33 | background-size: 100% 100%; 34 | border: 1px solid #000; 35 | `; 36 | 37 | sefat.appendChild(sifatChield); 38 | -------------------------------------------------------------------------------- /nov-9-2022/hw/sohan/CSS/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | .flag { 8 | width: 500px; 9 | height: 300px; 10 | display: flex; 11 | margin: auto; 12 | justify-content: center; 13 | border: 5px solid black; 14 | } 15 | .black { 16 | width: 33%; 17 | height: 100%; 18 | background-color: black; 19 | } 20 | .yellow { 21 | width: 34%; 22 | height: 100%; 23 | background-color: yellow; 24 | } 25 | .red { 26 | width: 34%; 27 | height: 100%; 28 | background-color: red; 29 | } 30 | 31 | .france { 32 | width: 500px; 33 | height: 300px; 34 | display: flex; 35 | margin: auto; 36 | background-size: cover; 37 | background-position: center; 38 | border: 5px solid black; 39 | } 40 | 41 | .blue { 42 | width: 33%; 43 | height: 100%; 44 | background-color: blue; 45 | } 46 | .white { 47 | width: 34%; 48 | height: 100%; 49 | background-color: white; 50 | } 51 | .red1 { 52 | width: 34%; 53 | height: 100%; 54 | background-color: red; 55 | } 56 | -------------------------------------------------------------------------------- /jan-5-2023/flip-box/css/style.min.css: -------------------------------------------------------------------------------- 1 | *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.main{width:100%;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex}.main>.pain{width:200px;height:300px;position:relative;margin:auto}.main>.pain>.sefat,.main>.pain>.mohsin{width:100%;height:100%;position:absolute;top:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:1s;transition:1s;-webkit-perspective:1000px;perspective:1000px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.main>.pain>.sefat{background:url("../images/sefat.jpg") no-repeat;background-size:cover;background-position:-80px top}.main>.pain>.mohsin{background:url("../images/mohsin.jpg") no-repeat;background-size:auto 300%;background-position:center -80px;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.main>.pain:hover>.sefat{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.main>.pain:hover>.mohsin{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}/*# sourceMappingURL=style.min.css.map */ -------------------------------------------------------------------------------- /nov-22-2022/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 15 | 16 | 17 | 18 |
Bangladesh
19 |
20 |
21 | 22 |
23 | 24 |
25 | 26 | 27 | 28 |
29 |
30 |
31 | 32 | 33 | -------------------------------------------------------------------------------- /nov-16-2022/hw/Sohan/css/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | font-family: Arial, Helvetica, sans-serif; 6 | } 7 | 8 | .main { 9 | width: 100%; 10 | height: 100vh; 11 | display: flex; 12 | justify-content: center; 13 | display: flex; 14 | } 15 | .card { 16 | width: 250px; 17 | margin: auto 15px; 18 | box-shadow: 0px 0px 12px #000; 19 | padding-bottom: 20px; 20 | border-radius: 16px; 21 | overflow: hidden; 22 | } 23 | 24 | .card > img { 25 | width: 100%; 26 | height: 150px; 27 | object-fit: cover; 28 | } 29 | 30 | .card > h2 { 31 | color: brown; 32 | text-align: center; 33 | margin-top: 12px; 34 | margin-bottom: 20px; 35 | } 36 | .card > p { 37 | text-align: center; 38 | margin-bottom: 20px; 39 | } 40 | .card > button { 41 | text-align: center; 42 | display: block; 43 | margin: auto; 44 | background-color: brown; 45 | color: #fff; 46 | width: 80%; 47 | height: 40px; 48 | border-width: 0; 49 | border-radius: 17px; 50 | text-transform: uppercase; 51 | font-size: 18; 52 | font-weight: bold; 53 | } 54 | -------------------------------------------------------------------------------- /nov-16-2022/hw/Mehedi-9-11/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0px; 4 | box-sizing: border-box; 5 | font-family:arial; 6 | } 7 | .main{ 8 | width: 100%; 9 | height: 100vh; 10 | display: flex; 11 | } 12 | .pain{ 13 | width: 250px; 14 | margin: auto; 15 | box-shadow: 0px 0px 10px #000; 16 | padding-bottom: 25px; 17 | border-radius: 16px; 18 | overflow: hidden; 19 | } 20 | .pain > img{ 21 | width: 100%; 22 | height: 250px; 23 | object-fit: cover; 24 | } 25 | .pain> h2 { 26 | color:#B84658; 27 | text-align: center; 28 | margin-top: 10px; 29 | margin-bottom: 20px; 30 | text-transform: uppercase; 31 | 32 | } 33 | .pain> p { 34 | text-align: center; 35 | margin-bottom: 20px; 36 | } 37 | .pain> button { 38 | text-align: center; 39 | display: block; 40 | margin:auto; 41 | background:red; 42 | color:white; 43 | width: 80%; 44 | height: 40px; 45 | border-width: 0; 46 | border-radius: 20px; 47 | text-transform:uppercase; 48 | font-style: 16px; 49 | } 50 | h2:hover{ 51 | color:black; 52 | } -------------------------------------------------------------------------------- /nov-20-2022/revice/css/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | .nav { 8 | width: 750px; 9 | margin: auto; 10 | background: #444; 11 | list-style: none; 12 | display: flex; 13 | position: relative; 14 | } 15 | 16 | .nav > li { 17 | width: 100%; 18 | } 19 | 20 | .nav > li > a { 21 | text-decoration: none; 22 | text-align: center; 23 | display: block; 24 | color: #fff; 25 | line-height: 40px; 26 | } 27 | 28 | .nav > li:hover { 29 | background: #00f; 30 | } 31 | 32 | .submenu { 33 | position: absolute; 34 | top: 100%; 35 | left: 0; 36 | width: 750px; 37 | padding: 20px; 38 | display: none; 39 | grid-template-columns: repeat(4, 1fr); 40 | background-color: #00f; 41 | background-image: url("../images/bg.png"); 42 | background-repeat: no-repeat; 43 | background-size: auto 90%; 44 | background-position: 95% 50%; 45 | } 46 | 47 | .submenu > ul { 48 | list-style: none; 49 | } 50 | 51 | .submenu > ul > li > a { 52 | text-decoration: none; 53 | color: #fff; 54 | } 55 | 56 | .aboutLi:hover > .submenu { 57 | display: grid; 58 | } 59 | -------------------------------------------------------------------------------- /jan-5-2023/flip-box/css/style.scss: -------------------------------------------------------------------------------- 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 | > .pain { 12 | width: 200px; 13 | height: 300px; 14 | position: relative; 15 | margin: auto; 16 | > .sefat, 17 | > .mohsin { 18 | width: 100%; 19 | height: 100%; 20 | position: absolute; 21 | top: 0; 22 | left: 0; 23 | backface-visibility: hidden; 24 | transition: 1s; 25 | perspective: 1000px; 26 | transform-style: preserve-3d; 27 | } 28 | > .sefat { 29 | background: url("../images/sefat.jpg") no-repeat; 30 | background-size: cover; 31 | background-position: -80px top; 32 | } 33 | > .mohsin { 34 | background: url("../images/mohsin.jpg") no-repeat; 35 | background-size: auto 300%; 36 | background-position: center -80px; 37 | transform: rotateX(180deg); 38 | } 39 | &:hover { 40 | > .sefat { 41 | transform: rotateX(180deg); 42 | } 43 | > .mohsin { 44 | transform: rotateX(0deg); 45 | } 46 | } 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /nov-13-2022/hw/Md.Saiful Bali/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | /* Md.Saiful Bali */ 3 | margin: 0; 4 | padding: 0; 5 | box-sizing: border-box; 6 | } 7 | .main1 { 8 | background: skyblue; 9 | } 10 | .main2 { 11 | width: 100%; 12 | height: 100vh; 13 | display: flex; 14 | justify-content: center; 15 | align-items: center; 16 | background: skyblue; 17 | } 18 | .card { 19 | width: 250px; 20 | box-shadow: 0px 0px 10px #000; 21 | padding-bottom: 20px; 22 | border-radius: 16px; 23 | overflow: hidden; 24 | margin: auto 10px; 25 | background: #fff; 26 | } 27 | .card > img { 28 | width: 100%; 29 | height: 160px; 30 | object-fit: cover; 31 | } 32 | .card > h2 { 33 | color: #dc143b; 34 | text-align: center; 35 | margin-top: 12px; 36 | margin-bottom: 20px; 37 | } 38 | .card > p { 39 | text-align: center; 40 | margin-bottom: 20px; 41 | } 42 | .card > button { 43 | text-align: center; 44 | display: block; 45 | background: #dc143b; 46 | color: #fff; 47 | width: 80%; 48 | height: 40px; 49 | border-radius: 20px; 50 | border-width: 0; 51 | font-size: 16px; 52 | font-weight: bold; 53 | margin: auto; 54 | text-transform: uppercase; 55 | } 56 | -------------------------------------------------------------------------------- /nov-16-2022/hw/SajibMia/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | padding: 0; 3 | margin: 0; 4 | font-family: Arial; 5 | } 6 | .main{ 7 | width: 100%; 8 | height: 100vh; 9 | display: flex; 10 | 11 | } 12 | .main:nth-child(1){ 13 | justify-content: center; 14 | align-items: center; 15 | } 16 | 17 | .card{ 18 | margin: auto 24px; 19 | width: 250px; 20 | box-shadow: 0px 0px 10px black; 21 | overflow: hidden; 22 | border-radius: 12px; 23 | padding-bottom: 15px; 24 | 25 | } 26 | 27 | .card>img{ 28 | width: 100%; 29 | height: 180px; 30 | object-fit: cover; 31 | 32 | } 33 | 34 | .card>h2{ 35 | text-align: center; 36 | color:#DC143B; 37 | margin-top: 12px; 38 | margin-bottom: 15px; 39 | 40 | } 41 | .card>p{ 42 | text-align: center; 43 | margin-bottom: 12px; 44 | font-size: 14px; 45 | 46 | } 47 | .card>button{ 48 | display: block; 49 | margin: auto; 50 | width: 80%; 51 | height: 30px; 52 | color: white; 53 | background-color: #DC143B; 54 | border-radius: 12px; 55 | border-width: 0; 56 | text-transform: uppercase; 57 | font-size: 15px; 58 | font-weight: 700; 59 | 60 | } -------------------------------------------------------------------------------- /nov-13-2022/hw/Sefat/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | .main{ 7 | width: 60%; 8 | height: 60vh; 9 | margin: auto; 10 | display: flex; 11 | margin-top: 50px; 12 | font-family: Arial; 13 | } 14 | .card{ 15 | width: 200px; 16 | height: 400px; 17 | margin: auto; 18 | box-shadow: 0px 0px 15px rgb(4, 41, 13); 19 | border-radius:10px ; 20 | } 21 | 22 | .card > img{ 23 | margin-top:10px; 24 | margin-left: 10px; 25 | width: 180px; 26 | height: 150px; 27 | object-fit: cover; 28 | } 29 | .card >h3{ 30 | margin-top:15px; 31 | color: red; 32 | text-align: center; 33 | font-size: ; 34 | text-transform: uppercase; 35 | } 36 | .card >p{ 37 | margin-top: 15px; 38 | text-align: center; 39 | font-size: 1.2rem; 40 | } 41 | .card >button{ 42 | width: 80%; 43 | height: 40px; 44 | text-align: center; 45 | display: block; 46 | margin: auto; 47 | background-color: orangered; 48 | color: white; 49 | border-width: 0; 50 | border-radius: 20px; 51 | text-transform: uppercase; 52 | font-size: 1.5rem; 53 | font-weight: bold; 54 | margin-top: 15px; 55 | 56 | } -------------------------------------------------------------------------------- /nov-2-2022/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 | 11 | background-color: gray; 12 | background-image: url("../images/pm-removebg-preview.png"); 13 | background-repeat: no-repeat; 14 | background-position: bottom right; 15 | background-size: 500px; 16 | 17 | display: flex; 18 | } 19 | 20 | .pain { 21 | width: 300px; 22 | height: 200px; 23 | background: green; 24 | margin: auto; 25 | display: flex; 26 | } 27 | 28 | .rain { 29 | width: 150px; 30 | height: 150px; 31 | background: red; 32 | margin: auto; 33 | border-radius: 50%; 34 | } 35 | 36 | .pain:hover { 37 | background: white; 38 | } 39 | 40 | .abul { 41 | width: 100%; 42 | height: 100vh; 43 | display: flex; 44 | background: hotpink; 45 | } 46 | 47 | .babul { 48 | width: 250px; 49 | height: 350px; 50 | margin: auto; 51 | background: url("../images/download.jfif"); 52 | background-size: cover; 53 | background-position: center; 54 | } 55 | 56 | .babul:hover { 57 | background: url("../images/1628611721_9.jpg"); 58 | background-size: cover; 59 | background-position: center; 60 | } 61 | -------------------------------------------------------------------------------- /nov-13-2022/cw/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 35 | 36 | 37 | -------------------------------------------------------------------------------- /nov-13-2022/hw/Awal/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | font-family: Arial, Helvetica, sans-serif; 6 | } 7 | .main { 8 | width: 100%; 9 | height: 100vh; 10 | display: flex; 11 | background: grey; 12 | justify-content: center; 13 | } 14 | .card { 15 | width: 300px; 16 | height: auto; 17 | box-shadow: 0px 0px 20px black; 18 | padding-bottom: 22px; 19 | border-radius: 25px; 20 | overflow: hidden; 21 | float: left; 22 | margin:auto 30px; 23 | background: white; 24 | 25 | } 26 | .card > img { 27 | height: 300px; 28 | width: 100%; 29 | object-fit: cover; 30 | } 31 | .card > h2 { 32 | color: #dc143b; 33 | text-align: center; 34 | margin-top: 14px; 35 | margin-bottom: 22px; 36 | } 37 | .card > p { 38 | text-align: center; 39 | margin-bottom: 20px; 40 | } 41 | .card > button { 42 | text-align: center; 43 | display: block; 44 | margin:auto; 45 | height: 40px; 46 | width: 80%; 47 | background-color: #dc143b; 48 | text-transform: uppercase; 49 | color: white; 50 | border-width: 0; 51 | font-size: 18 px; 52 | font-weight: bold; 53 | border-radius: 20px; 54 | } -------------------------------------------------------------------------------- /oct-19-2022/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Bangladesh 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 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus animi 19 | suscipit repudiandae natus unde provident placeat error eius incidunt et 20 | reprehenderit quis beatae minus magnam dolorum fuga sequi vel, 21 | consequatur tenetur praesentium. Dolore voluptate suscipit corporis 22 | tenetur expedita id accusamus, officia consectetur error, neque quod 23 | veniam cum, ab nulla! 24 |

25 | Banhladesh
26 | India
27 | USA
28 |
29 | 30 |
31 | 32 | 33 | -------------------------------------------------------------------------------- /nov-13-2022/cw/practice.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 25 | 26 | 27 | 28 |

This is heading 1

29 |

This is heading 2

30 |
This is a text
31 |
This is a text
32 |

Pakistan

33 | 34 | 35 | Bangladesh 36 | India 37 | USA 38 | 39 | 40 | 41 |
42 |
43 |
44 | 45 | 46 | -------------------------------------------------------------------------------- /nov-13-2022/cw/css/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | nav { 7 | width: 100%; 8 | background: black; 9 | } 10 | nav > ul { 11 | width: 750px; 12 | margin: auto; 13 | display: flex; 14 | list-style: none; 15 | } 16 | nav > ul li { 17 | width: 100%; 18 | position: relative; 19 | } 20 | nav > ul li:hover { 21 | background: blue; 22 | } 23 | nav > ul li a { 24 | color: white; 25 | text-decoration: none; 26 | line-height: 40px; 27 | text-align: center; 28 | display: block; 29 | transition: 0.5s; 30 | } 31 | 32 | nav > ul > li:hover > a { 33 | font-size: 20px; 34 | } 35 | 36 | nav > ul > li > ul { 37 | position: absolute; 38 | width: 100%; 39 | list-style: none; 40 | background: black; 41 | top: 100%; 42 | left: 0; 43 | display: none; 44 | } 45 | 46 | nav > ul > li:hover > ul { 47 | display: block; 48 | } 49 | 50 | nav > ul > li > ul > li:hover > a { 51 | font-size: 20px; 52 | } 53 | 54 | .teamDtls { 55 | background: black; 56 | position: absolute; 57 | top: 0; 58 | left: 100%; 59 | width: 100%; 60 | list-style: none; 61 | display: none; 62 | } 63 | 64 | .teamLi:hover > .teamDtls { 65 | display: block; 66 | } 67 | 68 | .teamDtls > li:hover > a { 69 | font-size: 20px; 70 | } 71 | -------------------------------------------------------------------------------- /nov-13-2022/hw/Awal/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Making a ID card 8 | 9 | 10 |
11 |
12 | 13 |

Web Designer

14 |

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Id earum numquam mollitia beatae nobis tempora!

15 | 16 |
17 |
18 | 19 |

Graphic Designer

20 |

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Id earum numquam mollitia beatae nobis tempora!

21 | 22 |
23 |
24 | 25 |

Web Developer

26 |

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Id earum numquam mollitia beatae nobis tempora!

27 | 28 |
29 | 30 | 31 | -------------------------------------------------------------------------------- /nov-16-2022/hw/SajibMia/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Home Page 8 | 9 | 10 | 11 |
12 |
13 | 14 |

web developer

15 |

Zain Javadd Malik known mononymously as Zayn, is an English singer born and raised in Bradford

16 | 17 |
18 |
19 | 20 |

web developer

21 |

Zain Javadd Malik known mononymously as Zayn, is an English singer born and raised in Bradford

22 | 23 |
24 |
25 | 26 |

web developer

27 |

Zain Javadd Malik known mononymously as Zayn, is an English singer born and raised in Bradford

28 | 29 |
30 |
31 |
32 | 33 | -------------------------------------------------------------------------------- /oct-18-2022/index.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 | 20 | Bangladesh
21 | India
22 | USA 23 | 24 | 25 |

26 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid repellat excepturi sit, 27 | sapiente nesciunt pariatur architecto ratione natus distinctio animi. Nam officiis 28 | cupiditate eaque, esse deleniti tenetur voluptas corporis? Placeat expedita fugit, 29 | voluptatum delectus at, vero libero dolor natus fugiat ab reiciendis beatae. Perferendis 30 | minima ipsum, porro repellendus voluptatem sunt. 31 |

32 | 33 |

34 | 35 |
36 | 37 | 38 | -------------------------------------------------------------------------------- /dec-13-2022/script.js: -------------------------------------------------------------------------------- 1 | // alert("Argentina jitbe"); 2 | /* 3 | document.write("Argentina jitbe"); 4 | document.write("Shorashuri kisu likhi"); 5 | */ 6 | 7 | // document.getElementById("messi").innerHTML = "Messi ajke hettrik korbe"; 8 | 9 | // variable 10 | var sIfa_t123 = 11 | "Picnic e gele attendance 2 mark bonus! lock book e 5 mark bonus!"; 12 | 13 | document.getElementById("messi").innerHTML = sIfa_t123; 14 | document.getElementById("dmaria").innerHTML = sIfa_t123; 15 | 16 | //data type 17 | /** 18 | * string 19 | * number 20 | * boolean 21 | * object 22 | */ 23 | 24 | document.getElementById("string").innerHTML = typeof "Argentina"; 25 | document.getElementById("num").innerHTML = typeof 123; 26 | document.getElementById("redbool").innerHTML = typeof true; 27 | document.getElementById("obj").innerHTML = typeof null; 28 | 29 | // operators 30 | 31 | /**Arethmethic operators 32 | * + 33 | * - 34 | * * 35 | * / 36 | * % 37 | */ 38 | 39 | /**Assignment operators 40 | * = 41 | * += 42 | * -= 43 | * *= 44 | * /= 45 | * %= 46 | */ 47 | 48 | /**Comparison operators 49 | * == 50 | * === 51 | * != 52 | * !== 53 | * < 54 | * > 55 | * <= 56 | * >= 57 | */ 58 | 59 | /**Conditional operators 60 | * && 61 | * || 62 | */ 63 | 64 | /**increment/decrement operators 65 | * ++ 66 | * -- 67 | */ 68 | 69 | /**concation operator 70 | * + 71 | */ 72 | 73 | -------------------------------------------------------------------------------- /nov-13-2022/hw/Sefat/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 |
13 |
14 | 15 |

Web Designer

16 |

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Veniam incidunt a esse.

17 | 18 |
19 |
20 | 21 |

Web Developer

22 |

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Veniam incidunt a esse.

23 | 24 |
25 |
26 | 27 |

graphics Designer

28 |

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Veniam incidu.

29 | 30 |
31 |
32 | 33 | 34 | 35 | 36 | -------------------------------------------------------------------------------- /oct-30-2022/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 15 | 16 | 17 | 18 |
19 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Ut asperiores 20 | aperiam autem ducimus quaerat similique accusamus voluptatem corporis 21 | repellendus saepe. 22 |
23 | 24 |
25 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum eius 26 | tempora illum voluptatibus ab dicta animi nam deleniti tempore ullam. 27 |
28 | 29 |
30 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem rerum 31 | tempora ipsa corrupti accusantium voluptatem saepe illum debitis aliquam 32 | magni! 33 |
34 | 35 |
36 |
37 |
38 |
39 |
40 | 41 | 42 | -------------------------------------------------------------------------------- /nov-16-2022/hw/Sohan/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Card Design 8 | 9 | 10 | 11 |
12 |
13 | 14 |

Web Devoloper

15 |

16 | Lorem ipsum dolor, sit amet consectetur adipisicing elit. Non, dicta 17 | fuga! Dolorem ex similique aperiam! 18 |

19 | 20 |
21 |
22 | 23 |

Web Devoloper

24 |

25 | Lorem ipsum dolor, sit amet consectetur adipisicing elit. Non, dicta 26 | fuga! Dolorem ex similique aperiam! 27 |

28 | 29 |
30 |
31 | 32 |

Web Devoloper

33 |

34 | Lorem ipsum dolor, sit amet consectetur adipisicing elit. Non, dicta 35 | fuga! Dolorem ex similique aperiam! 36 |

37 | 38 |
39 |
40 | 41 | 42 | -------------------------------------------------------------------------------- /nov-23-2022/css/style.min.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAQ,oGAAA,CAER,EACE,QAAA,CACA,SAAA,CACA,6BAAA,CAAA,qBAAA,CAGF,WACE,UAAA,CACA,gBAAA,CACA,kBAAA,CACA,YAAA,CACA,aAAA,CACA,aAAA,CACA,iBACE,iBAAA,CACA,gCAAA,CAAA,wBAAA,CACA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,2BAAA,CAAA,4BAAA,CAAA,yBAAA,CAAA,qBAAA,CAGI,mDACE,qCAAA,CACA,oBAAA,CACA,2BAAA,CAMF,mDACE,gGAAA,CACA,oBAAA,CACA,2BAAA,CAMF,mDACE,kJAAA,CACA,oBAAA,CACA,2BAAA,CAMF,mDACE,iFAAA,CACA,oBAAA,CACA,2BAAA,CAMF,mDACE,kOAAA,CACA,oBAAA,CACA,2BAAA,CAMF,mDACE,wIAAA,CACA,oBAAA,CACA,6BAAA,CAMF,mDACE,wHAAA,CACA,oBAAA,CACA,+BAAA,CAMF,mDACE,2FAAA,CACA,oBAAA,CACA,6BAAA,CAIN,8BACE,gBAAA,CACA,wBAAA,CACA,YAAA,CACA,UAAA,CACA,iBAAA,CACA,6BAAA,CACA,qCACE,WAAA,CACA,UAAA,CACA,gBAAA,CACA,iBAAA,CACA,iBAAA,CACA,KAAA,CACA,OAAA,CACA,sCAAA,CAAA,8BAAA,CACA,wBAAA,CACA,+BAAA,CAAA,uBAAA,CACA,iBAAA,CAEF,sCACE,UAAA,CACA,UAAA,CACA,WAAA,CACA,iBAAA,CACA,iBAAA,CACA,QAAA,CACA,QAAA,CACA,sCAAA,CAAA,8BAAA,CACA,qBAAA,CAGJ,4BACE,eAAA,CACA,gBAAA,CACA,+BACE,oCAAA,CACA,iBAAA,CACA,kBAAA,CACA,cAAA,CAEF,8BACE,+BAAA,CACA,iBAAA,CACA,cAAA,CACA,cAAA,CACA,mBAAA,CAGJ,8BACE,eAAA,CACA,WAAA,CACA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,uBAAA,CAAA,oBAAA,CAAA,sBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,kBAAA,CACA,mBAAA,CACA,6BAAA,CACA,oCACE,eAAA,CACA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,uBAAA,CAAA,oBAAA,CAAA,sBAAA,CACA,uCACE,UAAA,CACA,UAAA,CACA,yCACE,eAAA,CACA,aAAA,CACA,aAAA,CACA,iBAAA,CAQZ,sCACE,WACE,oCAAA,CAAA,CAGJ,4DACE,WACE,oCAAA,CAAA,CAGJ,qCACE,WACE,oCAAA,CAAA","file":"style.min.css"} -------------------------------------------------------------------------------- /nov-27-2022/hw/Md.Saiful Bali/css/style.min.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAQ,oGAAA,CAER,EACE,QAAA,CACA,SAAA,CACA,6BAAA,CAAA,qBAAA,CAGF,WACE,UAAA,CACA,gBAAA,CACA,kBAAA,CACA,YAAA,CACA,aAAA,CACA,aAAA,CACA,iBACE,iBAAA,CACA,gCAAA,CAAA,wBAAA,CACA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,2BAAA,CAAA,4BAAA,CAAA,yBAAA,CAAA,qBAAA,CAGI,mDACE,gDAAA,CACA,oBAAA,CACA,2BAAA,CAMF,mDACE,2CAAA,CACA,oBAAA,CACA,0BAAA,CAMF,mDACE,0CAAA,CACA,oBAAA,CACA,2BAAA,CAMF,mDACE,sCAAA,CACA,oBAAA,CACA,2BAAA,CAMF,mDACE,oCAAA,CACA,oBAAA,CACA,2BAAA,CAMF,mDACE,mCAAA,CACA,oBAAA,CACA,8BAAA,CAMF,mDACE,iCAAA,CACA,oBAAA,CACA,+BAAA,CAMF,mDACE,gCAAA,CACA,oBAAA,CACA,6BAAA,CAIN,8BACE,gBAAA,CACA,wBAAA,CACA,YAAA,CACA,UAAA,CACA,iBAAA,CACA,6BAAA,CACA,qCACE,WAAA,CACA,UAAA,CACA,gBAAA,CACA,iBAAA,CACA,iBAAA,CACA,KAAA,CACA,OAAA,CACA,sCAAA,CAAA,8BAAA,CACA,wBAAA,CACA,+BAAA,CAAA,uBAAA,CACA,iBAAA,CAEF,sCACE,UAAA,CACA,UAAA,CACA,WAAA,CACA,iBAAA,CACA,iBAAA,CACA,QAAA,CACA,QAAA,CACA,sCAAA,CAAA,8BAAA,CACA,qBAAA,CAGJ,4BACE,eAAA,CACA,gBAAA,CACA,+BACE,oCAAA,CACA,iBAAA,CACA,kBAAA,CACA,cAAA,CAEF,8BACE,+BAAA,CACA,iBAAA,CACA,cAAA,CACA,cAAA,CACA,mBAAA,CAGJ,8BACE,eAAA,CACA,WAAA,CACA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,uBAAA,CAAA,oBAAA,CAAA,sBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,kBAAA,CACA,mBAAA,CACA,6BAAA,CACA,oCACE,eAAA,CACA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,uBAAA,CAAA,oBAAA,CAAA,sBAAA,CACA,uCACE,UAAA,CACA,UAAA,CACA,yCACE,eAAA,CACA,aAAA,CACA,aAAA,CACA,iBAAA,CAQZ,sCACE,WACE,oCAAA,CAAA,CAGJ,4DACE,WACE,oCAAA,CAAA,CAGJ,qCACE,WACE,oCAAA,CAAA","file":"style.min.css"} -------------------------------------------------------------------------------- /nov-16-2022/hw/Mehedi-9-11/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 |
12 |
13 | 14 |

web devoloper

15 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt, dignissimos officia voluptas accusamus quam doloremque?

16 | 17 |
18 |
19 | 20 |

web designer

21 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt, dignissimos officia voluptas accusamus quam doloremque?

22 | 23 |
24 |
25 | 26 |

seo expert

27 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt, dignissimos officia voluptas accusamus quam doloremque?

28 | 29 |
30 | 31 | 32 | 33 | 34 | 35 | 36 |
37 | 38 | -------------------------------------------------------------------------------- /nov-20-2022/media-query-and-fonts/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 |
12 |
13 | Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolores eius asperiores esse saepe 14 | placeat, praesentium harum fuga illo, magnam odio nesciunt sed tempore quod at ipsam dolor 15 | itaque deserunt quia! 16 |
17 |
18 | Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolores eius asperiores esse saepe 19 | placeat, praesentium harum fuga illo, magnam odio nesciunt sed tempore quod at ipsam dolor 20 | itaque deserunt quia! 21 |
22 |
23 | Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolores eius asperiores esse saepe 24 | placeat, praesentium harum fuga illo, magnam odio nesciunt sed tempore quod at ipsam dolor 25 | itaque deserunt quia! 26 |
27 |
28 | Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolores eius asperiores esse saepe 29 | placeat, praesentium harum fuga illo, magnam odio nesciunt sed tempore quod at ipsam dolor 30 | itaque deserunt quia! 31 |
32 |
33 | 34 | 35 | -------------------------------------------------------------------------------- /jan-3-2023/clock.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 12 | 13 | 14 |
15 |
16 |
17 |
18 | 19 |
20 |
21 |
22 | 23 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /nov-16-2022/grid/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Facebook 8 | 9 | 10 | 11 | 12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 | 24 | 29 | 30 |
31 |
32 |
33 |
Tuhin
34 |
35 |
36 |
37 |
38 |
39 |
40 | 41 | 42 | 57 | 58 | 59 | -------------------------------------------------------------------------------- /nov-22-2022/css/style.min.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,EACE,QAAA,CACA,SAAA,CACA,6BAAA,CAAA,qBAAA,CAIA,YACE,cAAA,CAEF,WACE,uBAAA,CAIJ,MACE,WAAA,CACA,YAAA,CACA,eAAA,CACA,WAAA,CACA,iBAAA,CACA,cACE,UAAA,CACA,WAAA,CACA,YAAA,CACA,cAAA,CACA,iBAAA,CACA,QAAA,CACA,SAAA,CAEF,aACE,UAAA,CACA,WAAA,CACA,YAAA,CACA,cAAA,CACA,iBAAA,CACA,WAAA,CACA,UAAA,CAIJ,SACE,iBAAA,CACA,UAAA,CACA,WAAA,CACA,iBACE,oBAAA,CACA,yBAAA,CAAA,sBAAA,CAAA,iBAAA,CACA,cAAA,CACA,gBAAA,CACA,iBAAA,CACA,OAAA,CACA,QAAA,CACA,eAAA,CACA,UAAA,CACA,cAAA,CACA,uBAAA,CACA,kBAAA,CACA,uCAAA,CAAA,+BAAA,CAEF,gBACE,UAAA,CACA,UAAA,CACA,UAAA,CACA,eAAA,CACA,iBAAA,CACA,OAAA,CACA,MAAA,CACA,kCAAA,CAAA,0BAAA,CAIJ,WACE,WAAA,CACA,YAAA,CACA,kBAAA,CACA,iBAAA,CACA,6CAAA,CAAA,qCAAA,CACA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,uBAAA,CAAA,oBAAA,CAAA,sBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,kBAAA,CACA,cAAA,CACA,UAAA,CAGF,4BACE,GACE,gBAAA,CAEF,IACE,iBAAA,CAEF,KACE,gBAAA,CAAA,CARJ,oBACE,GACE,gBAAA,CAEF,IACE,iBAAA,CAEF,KACE,gBAAA,CAAA,CAIJ,sBACE,GACE,2BAAA,CACA,qDAAA,CAAA,6CAAA,CAEF,IACE,4BAAA,CACA,uDAAA,CAAA,+CAAA,CAEF,KACE,2BAAA,CACA,qDAAA,CAAA,6CAAA,CAAA,CAXJ,cACE,GACE,2BAAA,CACA,qDAAA,CAAA,6CAAA,CAEF,IACE,4BAAA,CACA,uDAAA,CAAA,+CAAA,CAEF,KACE,2BAAA,CACA,qDAAA,CAAA,6CAAA,CAAA,CAIJ,OACE,WAAA,CACA,aAAA,CACA,gBAAA,CACA,6DAAA,CAAA,qDAAA,CAGF,QACE,UAAA,CACA,YAAA,CACA,kBAAA,CACA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,gBACE,uBAAA,CACA,wBAAA,CACA,WAAA,CACA,mGAAA,CAAA,0DAAA,CACA,iBAAA,CACA,wBACE,UAAA,CACA,iBAAA,CACA,WAAA,CACA,YAAA,CACA,sCAAA,CACA,WAAA,CACA,OAAA,CACA,QAAA,CACA,uCAAA,CAAA,+BAAA,CACA,iBAAA,CACA,yCAAA,CAAA,iCAAA,CAKN,wBACE,GACE,kCAAA,CAAA,0BAAA,CAEF,IACE,mCAAA,CAAA,2BAAA,CAEF,KACE,kCAAA,CAAA,0BAAA,CAAA,CARJ,gBACE,GACE,kCAAA,CAAA,0BAAA,CAEF,IACE,mCAAA,CAAA,2BAAA,CAEF,KACE,kCAAA,CAAA,0BAAA,CAAA","file":"style.min.css"} -------------------------------------------------------------------------------- /nov-16-2022/hw/shanto sarkar/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | font-family: arial; 6 | } 7 | .main { 8 | width: 100%; 9 | height: 100vh; 10 | display: flex; 11 | } 12 | 13 | .look { 14 | width: 80%; 15 | height: 80%; 16 | margin: auto; 17 | background: red; 18 | display: flex; 19 | } 20 | 21 | .div2 { 22 | width: 100%; 23 | height: 100%; 24 | background: yellow; 25 | } 26 | 27 | .davice { 28 | width: 100%; 29 | height: 100%; 30 | background: rgba(8, 47, 145, 0.416); 31 | } 32 | 33 | .h1 { 34 | width: 100%; 35 | height: 100%; 36 | background: rgb(4, 6, 4); 37 | } 38 | .class { 39 | width: 70%; 40 | height: 70%; 41 | margin: auto; 42 | border: 1px solid red; 43 | display: flex; 44 | flex-wrap: nowrap; 45 | justify-content: space-evenly; 46 | align-items: center; 47 | } 48 | .class > div { 49 | width: 300px; 50 | height: 200px; 51 | background: green; 52 | margin: 10px; 53 | } 54 | 55 | .card { 56 | width: 250px; 57 | margin: auto; 58 | box-shadow: 0px 0px 10px #000; 59 | padding-bottom: 20px; 60 | border-radius: 15px; 61 | overflow: hidden; 62 | } 63 | 64 | .card > img { 65 | width: 100%; 66 | height: 70%; 67 | object-fit: cover; 68 | } 69 | 70 | .card > h2 { 71 | color: #dc143b; 72 | text-align: center; 73 | margin-top: 12px; 74 | margin-bottom: 20px; 75 | } 76 | 77 | .card > p { 78 | text-align: center; 79 | margin: 0; 80 | } 81 | 82 | .card > button { 83 | text-align: center; 84 | display: block; 85 | margin: auto; 86 | background: #dc143b; 87 | color: #fff; 88 | width: 80%; 89 | height: 40px; 90 | border-width: 0; 91 | border-radius: 20px; 92 | text-transform: uppercase; 93 | font-size: 16px; 94 | font-weight: bold; 95 | } 96 | -------------------------------------------------------------------------------- /nov-20-2022/media-query-and-fonts/css/style.css: -------------------------------------------------------------------------------- 1 | /* @import url("https://fonts.googleapis.com/css2?family=Rubik+Distressed&display=swap"); */ 2 | 3 | * { 4 | margin: 0; 5 | padding: 0; 6 | box-sizing: border-box; 7 | } 8 | 9 | @font-face { 10 | font-family: alom; 11 | src: url("../fonts/Rubik_Distressed/RubikDistressed-Regular.ttf"); 12 | } 13 | 14 | @font-face { 15 | font-family: "popin italic"; 16 | src: url("../fonts/Poppins/Poppins-Italic.ttf"); 17 | } 18 | 19 | @font-face { 20 | font-family: "popin bold"; 21 | src: url("../fonts/Poppins/Poppins-Bold.ttf"); 22 | } 23 | 24 | .parent { 25 | display: grid; 26 | margin: auto; 27 | background: #ddd; 28 | } 29 | 30 | .parent > div { 31 | border-radius: 8px; 32 | box-shadow: 0 0 10px #000; 33 | } 34 | 35 | .parent > div:first-child { 36 | font-family: alom; 37 | } 38 | 39 | .parent > div:nth-child(2) { 40 | font-family: "popin italic"; 41 | } 42 | 43 | .parent > div:nth-child(3) { 44 | font-family: "popin bold"; 45 | } 46 | 47 | @media screen and (max-width: 620px) { 48 | .parent { 49 | grid-template-columns: repeat(1, 1fr); 50 | padding: 8px; 51 | grid-gap: 8px; 52 | } 53 | 54 | .parent > div { 55 | padding: 8px; 56 | background: #f99; 57 | } 58 | } 59 | 60 | @media screen and (min-width: 620px) and (max-width: 980px) { 61 | .parent { 62 | grid-template-columns: repeat(2, 1fr); 63 | padding: 16px; 64 | grid-gap: 16px; 65 | } 66 | .parent > div { 67 | padding: 16px; 68 | background: #9f9; 69 | } 70 | } 71 | 72 | @media screen and (min-width: 980px) { 73 | .parent { 74 | grid-template-columns: repeat(4, 1fr); 75 | padding: 24px; 76 | grid-gap: 24px; 77 | } 78 | .parent > div { 79 | padding: 24px; 80 | background: #99f; 81 | } 82 | } 83 | -------------------------------------------------------------------------------- /nov-13-2022/hw/Tuhin/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 |
12 |
13 | 14 |

Salman Khan

15 |

16 | Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quis quas eveniet voluptatum voluptatem, a mollitia autem fuga nam molestiae, laboriosam quam doloribus blanditiis optio, commodi vitae quibusdam ut debitis animi. 17 |

18 | 19 |
20 | 21 |
22 | 23 |

Shah Rukh Khan

24 |

25 | Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quis quas eveniet voluptatum voluptatem, a mollitia autem fuga nam molestiae, laboriosam quam doloribus blanditiis optio, commodi vitae quibusdam ut debitis animi. 26 |

27 | 28 |
29 | 30 |
31 | 32 |

Amir Khan

33 |

34 | Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quis quas eveniet voluptatum voluptatem, a mollitia autem fuga nam molestiae, laboriosam quam doloribus blanditiis optio, commodi vitae quibusdam ut debitis animi. 35 |

36 | 37 |
38 |
39 | 40 | -------------------------------------------------------------------------------- /nov-20-2022/revice/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 50 | 51 | 52 | -------------------------------------------------------------------------------- /dec-27-2022/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 49 | 50 | 51 | -------------------------------------------------------------------------------- /nov-13-2022/hw/Md.Saiful Bali/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 |
13 |
14 |

THE WORLD FAMOUS FOOTBOLLER

15 |
16 |

Using Html & CSS

17 |
18 |
19 |
20 | 21 |

Lionel Andrés Messi

22 |

23 | Lionel Andrés Messi, is an Argentine professional footballer who 24 | plays as a forward for Ligue 1 club Paris Saint-Germain and captains 25 | the Argentina national team. 26 |

27 | 28 |
29 |
30 | 31 |

Neymar da Silva Santos

32 |

33 | Neymar da Silva Santos Júnior, known as Neymar, is a Brazilian 34 | professional footballer who plays as a forward for Ligue 1 club 35 | Paris Saint-Germain and the Brazil national team. 36 |

37 | 38 |
39 |
40 | 41 |

Cristiano Ronaldo

42 |

43 | Cristiano Ronaldo is a Portuguese professional footballer who plays 44 | as a forward for Premier League club Manchester United and captains 45 | the Portugal national team. 46 |

47 | 48 |
49 |
50 |
51 | 52 | 53 | -------------------------------------------------------------------------------- /nov-16-2022/hw/shanto sarkar/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | My Website 8 | 9 | 10 | 11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |

19 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae optio voluptas in, vel saepe 20 | officia incidunt adipisci accusantium eius quam deleniti facere, accusamus nesciunt sequi. 21 | Totam rerum modi eum quas! 22 |

23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 | 31 |
32 |
33 | 34 |

WEB DEVELOPER

35 |

36 | Lorem ipsum dolor sit amet consectetur, adipisicing elit. Animi reprehenderit aliquam in 37 | veniam soluta quasi? 38 |

39 | 40 |
41 |
42 | 43 |

WEB DESIGNER

44 |

45 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo quae consectetur tempore 46 | repellat exercitationem eos! 47 |

48 | 49 |
50 |
51 | 52 |

GRAPHIC DESIGNER

53 |

54 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa quidem consectetur tempora, 55 | esse culpa nisi 56 |

57 | 58 |
59 |
60 | 61 | 62 | -------------------------------------------------------------------------------- /nov-16-2022/hw/Sajib_Mia/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Home Page 8 | 9 | 10 | 11 | 12 | 36 | 51 | 52 | 53 | -------------------------------------------------------------------------------- /nov-9-2022/previous homework/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 |
26 |
27 |
28 | 29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 | 37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 | 45 |
46 |
47 | 48 |

Web Developer

49 |

50 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatum 51 | accusamus architecto illo omnis adipisci! Sunt. 52 |

53 | 54 |
55 |
56 | 57 |

Web Developer

58 |

59 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatum 60 | accusamus architecto illo omnis adipisci! Sunt. 61 |

62 | 63 |
64 |
65 | 66 |

Web Developer

67 |

68 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatum 69 | accusamus architecto illo omnis adipisci! Sunt. 70 |

71 | 72 |
73 |
74 | 75 | 76 | -------------------------------------------------------------------------------- /nov-16-2022/hw/Md.Saiful Bali/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | /* Md: Saiful Bali */ 3 | margin: 0; 4 | padding: 0; 5 | box-sizing: border-box; 6 | } 7 | nav { 8 | width: 100%; 9 | background: brown; 10 | } 11 | nav > ul { 12 | width: 750px; 13 | margin: auto; 14 | display: flex; 15 | list-style: none; 16 | } 17 | nav > ul li { 18 | width: 150px; 19 | position: relative; 20 | } 21 | nav > ul li:hover { 22 | background: burlywood; 23 | } 24 | nav > ul li a { 25 | color: black; 26 | text-decoration: none; 27 | line-height: 40px; 28 | text-align: center; 29 | display: block; 30 | transition: 0.3s; 31 | } 32 | nav > ul > li:hover > a { 33 | font-size: 20px; 34 | } 35 | nav > ul > li > ul { 36 | position: absolute; 37 | width: 100%; 38 | list-style: none; 39 | background: yellowgreen; 40 | top: 100%; 41 | left: 0; 42 | display: none; 43 | } 44 | nav > ul > li:hover > ul { 45 | display: block; 46 | } 47 | nav > ul > li > ul > li:hover > a { 48 | font-size: 20px; 49 | } 50 | .AboutTeam { 51 | background: orchid; 52 | position: absolute; 53 | top: 0; 54 | left: 100%; 55 | width: 100%; 56 | list-style: none; 57 | display: none; 58 | } 59 | .team1:hover > .AboutTeam { 60 | display: block; 61 | } 62 | .AboutTeam > li:hover > a { 63 | font-size: 20px; 64 | } 65 | .main1 { 66 | background: skyblue; 67 | } 68 | .main2 { 69 | width: 100%; 70 | height: 100vh; 71 | display: flex; 72 | justify-content: center; 73 | align-items: center; 74 | background: skyblue; 75 | } 76 | .card { 77 | width: 250px; 78 | box-shadow: 0px 0px 10px #000; 79 | padding-bottom: 20px; 80 | border-radius: 16px; 81 | overflow: hidden; 82 | margin: auto 10px; 83 | background: #fff; 84 | } 85 | .card > img { 86 | width: 100%; 87 | height: 160px; 88 | object-fit: cover; 89 | } 90 | .card > h2 { 91 | color: #dc143b; 92 | text-align: center; 93 | margin-top: 12px; 94 | margin-bottom: 20px; 95 | } 96 | .card > p { 97 | text-align: center; 98 | margin-bottom: 20px; 99 | } 100 | .card > button { 101 | text-align: center; 102 | display: block; 103 | background: #dc143b; 104 | color: #fff; 105 | width: 80%; 106 | height: 40px; 107 | border-radius: 20px; 108 | border-width: 0; 109 | font-size: 16px; 110 | font-weight: bold; 111 | margin: auto; 112 | text-transform: uppercase; 113 | } 114 | -------------------------------------------------------------------------------- /nov-9-2022/previous homework/css/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | font-family: arial; 6 | } 7 | 8 | .main { 9 | width: 100%; 10 | height: 100vh; 11 | display: flex; 12 | } 13 | 14 | .pain { 15 | width: 80%; 16 | height: 80%; 17 | margin: auto; 18 | background: red; 19 | display: flex; 20 | } 21 | 22 | .abul { 23 | width: 100%; 24 | height: 100%; 25 | background: green; 26 | } 27 | .babul { 28 | width: 100%; 29 | height: 100%; 30 | background: blue; 31 | } 32 | .kabul { 33 | width: 100%; 34 | height: 100%; 35 | background: yellow; 36 | } 37 | 38 | .rain { 39 | width: 80%; 40 | height: 80%; 41 | margin: auto; 42 | border: 1px solid black; 43 | display: flex; 44 | flex-wrap: wrap; 45 | justify-content: center; 46 | align-items: center; 47 | } 48 | 49 | .rain > div { 50 | width: 300px; 51 | height: 200px; 52 | background: dodgerblue; 53 | margin: 10px; 54 | } 55 | 56 | .kuddus { 57 | width: 80%; 58 | height: 80%; 59 | border: 1px solid black; 60 | margin: auto; 61 | display: flex; 62 | justify-content: space-evenly; 63 | align-items: center; 64 | } 65 | 66 | .boyati { 67 | width: 300px; 68 | height: 100px; 69 | background: limegreen; 70 | } 71 | 72 | .monsur { 73 | width: 80%; 74 | height: 80%; 75 | margin: auto; 76 | border: 1px solid black; 77 | display: flex; 78 | justify-content: space-between; 79 | align-items: center; 80 | flex-direction: column; 81 | } 82 | 83 | .main:nth-child(5) { 84 | justify-content: center; 85 | align-items: center; 86 | background: #ccc; 87 | } 88 | 89 | .card { 90 | width: 250px; 91 | box-shadow: 0px 0px 10px #000; 92 | padding-bottom: 20px; 93 | border-radius: 16px; 94 | overflow: hidden; 95 | margin: auto 10px; 96 | background: #fff; 97 | } 98 | 99 | .card > img { 100 | width: 100%; 101 | height: 150px; 102 | object-fit: cover; 103 | } 104 | 105 | .card > h2 { 106 | color: #dc143b; 107 | text-align: center; 108 | margin-top: 12px; 109 | margin-bottom: 20px; 110 | } 111 | .card > p { 112 | text-align: center; 113 | margin-bottom: 20px; 114 | } 115 | 116 | .card > button { 117 | text-align: center; 118 | display: block; 119 | margin: auto; 120 | background: #dc143b; 121 | color: #fff; 122 | width: 80%; 123 | height: 40px; 124 | border-width: 0; 125 | border-radius: 20px; 126 | text-transform: uppercase; 127 | font-size: 16px; 128 | font-weight: bold; 129 | } 130 | -------------------------------------------------------------------------------- /nov-27-2022/psd2html/css/style.min.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAQ,yIAAA,CACR,EACE,QAAA,CACA,SAAA,CACA,6BAAA,CAAA,qBAAA,CACA,6BAAA,CAGF,sCACE,WACE,WAAA,CACA,YAAA,CAAA,CAGJ,WACE,WAAA,CACA,UAAA,CACA,mBACE,YAAA,CACA,WAAA,CACA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,kBAAA,CACA,uBACE,gBAAA,CACA,kBAAA,CAAA,mBAAA,CAAA,WAAA,CACA,0BACE,eAAA,CACA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,oBAAA,CAAA,iBAAA,CAAA,mBAAA,CAEE,0EACE,iBAAA,CAEF,+BACE,oBAAA,CACA,iBAAA,CACA,UAAA,CACA,aAAA,CACA,qCACE,yBAAA,CAQZ,mBACE,iBAAA,CACA,uBACE,cAAA,CAEF,uBACE,iBAAA,CACA,KAAA,CACA,MAAA,CACA,UAAA,CACA,WAAA,CACA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,uBAAA,CAAA,oBAAA,CAAA,sBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,kBAAA,CACA,2BAAA,CAAA,4BAAA,CAAA,yBAAA,CAAA,qBAAA,CACA,+BAAA,CACA,UAAA,CACA,0BACE,eAAA,CACA,iBAAA,CACA,kCACE,UAAA,CACA,UAAA,CACA,UAAA,CACA,kBAAA,CACA,iBAAA,CACA,UAAA,CACA,MAAA,CAGJ,yBACE,oBAAA,CACA,cAAA,CAEF,8BACE,cAAA,CACA,wBAAA,CACA,wBAAA,CACA,UAAA,CACA,WAAA,CACA,WAAA,CACA,iBAAA,CACA,cAAA,CACA,oCACE,kBAAA,CAMR,oBACE,kBAAA,CACA,iBAAA,CACA,wBACE,YAAA,CACA,WAAA,CACA,cAAA,CACA,2BACE,cAAA,CACA,aAAA,CACA,kBAAA,CACA,eAAA,CAEF,0BACE,cAAA,CACA,UAAA,CACA,eAAA,CAKN,qBACE,YAAA,CACA,WAAA,CACA,YAAA,CACA,oCAAA,CACA,aAAA,CACA,yBACE,iBAAA,CACA,iBAAA,CACA,4BACE,aAAA,CACA,cAAA,CACA,gBAAA,CACA,eAAA,CAEF,2BACE,UAAA,CACA,cAAA,CAKN,oBACE,iBAAA,CACA,wBACE,YAAA,CACA,WAAA,CACA,iBAAA,CACA,2BACE,cAAA,CACA,aAAA,CACA,kBAAA,CACA,eAAA,CAEF,0BACE,cAAA,CACA,UAAA,CACA,eAAA,CACA,kBAAA,CAEF,4BACE,YAAA,CACA,oCAAA,CACA,aAAA,CACA,wCACE,iBAAA,CACA,eAAA,CACA,4CACE,iBAAA,CACA,SAAA,CACA,UAAA,CACA,UAAA,CACA,WAAA,CACA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,uBAAA,CAAA,oBAAA,CAAA,sBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,kBAAA,CACA,uCAAA,CACA,sBAAA,CAAA,cAAA,CACA,iDACE,UAAA,CACA,qBAAA,CACA,UAAA,CACA,gBAAA,CACA,UAAA,CAIF,kDACE,MAAA,CACA,OAAA,CAQZ,oBACE,gBAAA,CACA,gJAAA,CAAA,sGAAA,CAEA,wBACE,WAAA,CACA,WAAA,CACA,iBAAA,CACA,cAAA,CACA,2BACE,cAAA,CACA,aAAA,CACA,kBAAA,CACA,eAAA,CACA,UAAA,CAEF,0BACE,cAAA,CACA,UAAA,CACA,eAAA,CACA,kBAAA,CAGA,mCACE,UAAA,CACA,WAAA,CACA,cAAA,CACA,wBAAA,CACA,qBAAA,CACA,kBAAA,CACA,iBAAA,CAEF,sCACE,UAAA,CACA,YAAA,CACA,YAAA,CACA,wBAAA,CACA,qBAAA,CACA,kBAAA,CACA,iBAAA,CACA,WAAA,CAEF,oCACE,cAAA,CACA,wBAAA,CACA,wBAAA,CACA,UAAA,CACA,WAAA,CACA,WAAA,CACA,iBAAA,CACA,cAAA,CACA,0CACE,kBAAA,CAOV,kBACE,cAAA,CACA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,kBAAA,CACA,gBAAA,CACA,WAAA,CACA,oBACE,UAAA,CACA,cAAA,CAEF,wBACE,gBAAA,CACA,WAAA,CACA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,oBAAA,CAAA,iBAAA,CAAA,mBAAA,CACA,eAAA,CACA,iBAAA,CACA,kBAAA,CAAA,mBAAA,CAAA,WAAA,CACA,2BACE,UAAA,CACA,kBAAA,CACA,sEACE,gBAAA,CAEF,6BACE,oBAAA,CACA,aAAA,CACA,UAAA,CACA,gBAAA","file":"style.min.css"} -------------------------------------------------------------------------------- /dec-4-2022 & dec-6-2022/package-lock.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "dec-4-2022 & dec-6-2022", 3 | "lockfileVersion": 2, 4 | "requires": true, 5 | "packages": { 6 | "": { 7 | "dependencies": { 8 | "@fortawesome/fontawesome-free": "^6.2.1", 9 | "bootstrap": "^5.2.3" 10 | } 11 | }, 12 | "node_modules/@fortawesome/fontawesome-free": { 13 | "version": "6.2.1", 14 | "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-6.2.1.tgz", 15 | "integrity": "sha512-viouXhegu/TjkvYQoiRZK3aax69dGXxgEjpvZW81wIJdxm5Fnvp3VVIP4VHKqX4SvFw6qpmkILkD4RJWAdrt7A==", 16 | "hasInstallScript": true, 17 | "engines": { 18 | "node": ">=6" 19 | } 20 | }, 21 | "node_modules/@popperjs/core": { 22 | "version": "2.11.6", 23 | "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.6.tgz", 24 | "integrity": "sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw==", 25 | "peer": true, 26 | "funding": { 27 | "type": "opencollective", 28 | "url": "https://opencollective.com/popperjs" 29 | } 30 | }, 31 | "node_modules/bootstrap": { 32 | "version": "5.2.3", 33 | "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.2.3.tgz", 34 | "integrity": "sha512-cEKPM+fwb3cT8NzQZYEu4HilJ3anCrWqh3CHAok1p9jXqMPsPTBhU25fBckEJHJ/p+tTxTFTsFQGM+gaHpi3QQ==", 35 | "funding": [ 36 | { 37 | "type": "github", 38 | "url": "https://github.com/sponsors/twbs" 39 | }, 40 | { 41 | "type": "opencollective", 42 | "url": "https://opencollective.com/bootstrap" 43 | } 44 | ], 45 | "peerDependencies": { 46 | "@popperjs/core": "^2.11.6" 47 | } 48 | } 49 | }, 50 | "dependencies": { 51 | "@fortawesome/fontawesome-free": { 52 | "version": "6.2.1", 53 | "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-6.2.1.tgz", 54 | "integrity": "sha512-viouXhegu/TjkvYQoiRZK3aax69dGXxgEjpvZW81wIJdxm5Fnvp3VVIP4VHKqX4SvFw6qpmkILkD4RJWAdrt7A==" 55 | }, 56 | "@popperjs/core": { 57 | "version": "2.11.6", 58 | "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.6.tgz", 59 | "integrity": "sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw==", 60 | "peer": true 61 | }, 62 | "bootstrap": { 63 | "version": "5.2.3", 64 | "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.2.3.tgz", 65 | "integrity": "sha512-cEKPM+fwb3cT8NzQZYEu4HilJ3anCrWqh3CHAok1p9jXqMPsPTBhU25fBckEJHJ/p+tTxTFTsFQGM+gaHpi3QQ==", 66 | "requires": {} 67 | } 68 | } 69 | } 70 | -------------------------------------------------------------------------------- /nov-16-2022/hw/Md.Saiful Bali/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 37 |
38 |
39 |

THE WORLD FAMOUS FOOTBOLLER

40 |
41 |

Using Html & CSS

42 |
43 |
44 |
45 | 46 |

Lionel Andrés Messi

47 |

48 | Lionel Andrés Messi, is an Argentine professional footballer who 49 | plays as a forward for Ligue 1 club Paris Saint-Germain and captains 50 | the Argentina national team. 51 |

52 | 53 |
54 |
55 | 56 |

Neymar da Silva Santos

57 |

58 | Neymar da Silva Santos Júnior, known as Neymar, is a Brazilian 59 | professional footballer who plays as a forward for Ligue 1 club 60 | Paris Saint-Germain and the Brazil national team. 61 |

62 | 63 |
64 |
65 | 66 |

Cristiano Ronaldo

67 |

68 | Cristiano Ronaldo is a Portuguese professional footballer who plays 69 | as a forward for Premier League club Manchester United and captains 70 | the Portugal national team. 71 |

72 | 73 |
74 |
75 |
76 | 77 | 78 | -------------------------------------------------------------------------------- /oct-26-2022/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

Signup Form

11 |
12 | 13 |

14 | 15 |

16 | 17 |

18 | 19 |

20 | 21 |

22 | Gender : 23 | Male 24 | Female 25 | Tiktoker

26 | Skills : 27 | HTML 28 | CSS 29 | Bootstrap 30 | JS 31 | jQuery

32 | Hair Color : 33 | 34 |

35 | Date of Birth : 36 | 37 |

38 | Time of Birth : 39 | 40 |

41 | Profile Picture : 42 | 43 |

44 | 53 |

54 | 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 | 88 | 89 | 90 | -------------------------------------------------------------------------------- /nov-16-2022/hw/Sajib_Mia/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | font-family: sans-serif; 6 | } 7 | nav{ 8 | width: 100%; 9 | background: #7D2780; 10 | } 11 | nav>ul{ 12 | width: 750px; 13 | margin: auto; 14 | display: flex; 15 | list-style: none; 16 | } 17 | nav>ul>li{ 18 | width: 100%; 19 | position: relative; 20 | } 21 | nav>ul li a{ 22 | color: white; 23 | text-decoration: none; 24 | text-align: center; 25 | display: block; 26 | line-height: 60px; 27 | text-transform: uppercase; 28 | transition: 0.5s; 29 | font-weight: 600; 30 | 31 | 32 | 33 | } 34 | nav>ul>li:hover>a{ 35 | background: rgb(19, 19, 230); 36 | font-size: 20px; 37 | } 38 | nav>ul>li>ul{ 39 | position: absolute; 40 | top: 100%; 41 | left: 0; 42 | width: 100%; 43 | list-style: none; 44 | background: #7D2780; 45 | display: none; 46 | line-height: 40px; 47 | } 48 | nav>ul>li:hover>ul{ 49 | display: block;} 50 | 51 | nav>ul>li>ul>li:hover>a{ 52 | background: blue; 53 | font-size: 20px; 54 | } 55 | .team2{ 56 | position: absolute; 57 | background: #7D2780; 58 | left: 100%; 59 | top: 33%; 60 | width: 100%; 61 | list-style: none; 62 | display: none; 63 | 64 | 65 | } 66 | .team:hover>.team2{ 67 | display: block; 68 | background: #7D2780; 69 | line-height: 40px; 70 | 71 | } 72 | .team>.team2>li:hover>a{ 73 | background: blue; 74 | font-size: 20px; 75 | } 76 | .banner{ 77 | background: url("images/pexels-pixabay-461198.jpg"); 78 | background-position: center; 79 | background-size: cover; 80 | background-repeat: no-repeat; 81 | height: 100vh; 82 | 83 | } 84 | 85 | .overly{ 86 | 87 | height: 100vh; 88 | background: rgba(0, 0, 0, 0.534); 89 | } 90 | .text{ 91 | width: 750px; 92 | margin: auto; 93 | } 94 | 95 | .text h1{ 96 | padding-top: 150px; 97 | padding-bottom: 25px; 98 | text-align: center; 99 | color: white; 100 | text-transform: uppercase; 101 | font-size: 40px; 102 | 103 | } 104 | .text p{ 105 | text-align: center; 106 | color: white; 107 | } 108 | 109 | .searchBer{ 110 | padding-top: 120px; 111 | display: flex; 112 | justify-content: center; 113 | align-items: center; 114 | } 115 | form{ 116 | display: flex; 117 | background: white; 118 | width: 600px; 119 | height: 55px; 120 | 121 | } 122 | form input{ 123 | flex: 1; 124 | border: none; 125 | outline: none; 126 | } 127 | form button{ 128 | background: tomato; 129 | color: white; 130 | border: none; 131 | outline: none; 132 | padding: 10px 20px; 133 | cursor: pointer; 134 | letter-spacing: 1px; 135 | } 136 | form .fa-search{ 137 | align-self: center; 138 | padding: 10px 20px; 139 | color: #777; 140 | 141 | 142 | } -------------------------------------------------------------------------------- /nov-13-2022/hw/Tuhin/css/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | font-family: 'Segoe UI'; 6 | } 7 | 8 | .main { 9 | width: 100%; 10 | height: 100vh; 11 | display: flex; 12 | background-color: gray; 13 | justify-content: space-evenly; 14 | align-items: center; 15 | } 16 | 17 | .card { 18 | width: 300px; 19 | height: 500px; 20 | box-shadow: 0px 0px 10px black; 21 | border-radius: 20px; 22 | overflow: hidden; 23 | background-color: white; 24 | 25 | } 26 | 27 | .card > img { 28 | width: 300px; 29 | height: 200px; 30 | object-fit: cover; 31 | } 32 | 33 | .card > h1 { 34 | color: #ff0080; 35 | text-align: center; 36 | margin-top: 10px; 37 | margin-bottom: 15px; 38 | } 39 | 40 | .card > p { 41 | text-align: center; 42 | margin-bottom: 20px; 43 | } 44 | 45 | .card > button { 46 | text-align: center; 47 | display: block; 48 | margin: auto; 49 | background-color: #ff0080; 50 | color: #fff; 51 | width: 80%; 52 | height: 50px; 53 | border-width: 0; 54 | border-radius: 25px; 55 | font-size: 20px; 56 | font-weight: bold; 57 | } 58 | 59 | .card-2 { 60 | width: 300px; 61 | height: 500px; 62 | box-shadow: 0px 0px 10px black; 63 | border-radius: 20px; 64 | overflow: hidden; 65 | background-color: white; 66 | } 67 | 68 | .card-2 > img { 69 | width: 300px; 70 | height: 200px; 71 | object-fit: cover; 72 | } 73 | 74 | .card-2 > h1 { 75 | color: #ff0080; 76 | text-align: center; 77 | margin-top: 10px; 78 | margin-bottom: 15px; 79 | } 80 | 81 | .card-2 > p { 82 | text-align: center; 83 | margin-bottom: 20px; 84 | } 85 | 86 | .card-2 > button { 87 | text-align: center; 88 | display: block; 89 | margin: auto; 90 | background-color: #ff0080; 91 | color: #fff; 92 | width: 80%; 93 | height: 50px; 94 | border-width: 0; 95 | border-radius: 25px; 96 | font-size: 20px; 97 | font-weight: bold; 98 | } 99 | 100 | .card-3 { 101 | width: 300px; 102 | height: 500px; 103 | box-shadow: 0px 0px 10px black; 104 | border-radius: 20px; 105 | overflow: hidden; 106 | background-color: white; 107 | } 108 | 109 | .card-3 > img { 110 | width: 300px; 111 | height: 200px; 112 | object-fit: cover; 113 | } 114 | 115 | .card-3 > h1 { 116 | color: #ff0080; 117 | text-align: center; 118 | margin-top: 10px; 119 | margin-bottom: 15px; 120 | } 121 | 122 | .card-3 > p { 123 | text-align: center; 124 | margin-bottom: 20px; 125 | } 126 | 127 | .card-3 > button { 128 | text-align: center; 129 | display: block; 130 | margin: auto; 131 | background-color: #ff0080; 132 | color: #fff; 133 | width: 80%; 134 | height: 50px; 135 | border-width: 0; 136 | border-radius: 25px; 137 | font-size: 20px; 138 | font-weight: bold; 139 | } -------------------------------------------------------------------------------- /nov-16-2022/grid/css/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | .container { 8 | width: 100%; 9 | height: 100vh; 10 | background-color: #55f; 11 | padding: 8px; 12 | display: grid; 13 | grid-gap: 8px; 14 | grid-template-columns: 1fr 1fr 1fr; 15 | } 16 | 17 | .d1 { 18 | width: 100%; 19 | height: 100%; 20 | background-image: url("../images/nature1.jpg"); 21 | background-repeat: no-repeat; 22 | background-position: 84% center; 23 | background-size: cover; 24 | transition: 1s; 25 | } 26 | .d2 { 27 | width: 100%; 28 | height: 100%; 29 | background-image: url("../images/nature2.jpg"); 30 | background-repeat: no-repeat; 31 | background-position: -100px center; 32 | background-size: cover; 33 | transition: 1s; 34 | } 35 | .d3 { 36 | width: 100%; 37 | height: 100%; 38 | background-image: url("../images/nature3.jpg"); 39 | background-repeat: no-repeat; 40 | background-position: -80px center; 41 | background-size: cover; 42 | transition: 1s; 43 | } 44 | 45 | .container > div { 46 | overflow: hidden; 47 | position: relative; 48 | } 49 | 50 | .container > div > div { 51 | position: absolute; 52 | left: 50%; 53 | top: 50%; 54 | transform: translate(-50%, -50%); 55 | } 56 | 57 | .container > div:hover > div { 58 | width: 120%; 59 | height: 120%; 60 | } 61 | 62 | /* 63 | .choto { 64 | width: 200px; 65 | height: 200px; 66 | background: red; 67 | margin: 20px; 68 | position: relative; 69 | } 70 | 71 | .chield { 72 | padding: 12px 20px; 73 | background: cornflowerblue; 74 | position: absolute; 75 | top: 0px; 76 | left: 50%; 77 | transform: translate(-50%, -50%); 78 | } 79 | */ 80 | 81 | .main { 82 | width: 100%; 83 | height: 100vh; 84 | display: flex; 85 | } 86 | 87 | .main > div { 88 | margin: auto; 89 | width: 80%; 90 | height: 80%; 91 | display: grid; 92 | grid-gap: 8px; 93 | grid-template-areas: "c1 c1 c2" "c3 c4 c2"; 94 | } 95 | 96 | .c1 { 97 | grid-area: c1; 98 | background-image: url("../images/nature1.jpg"); 99 | background-size: cover; 100 | position: relative; 101 | overflow: hidden; 102 | } 103 | .c2 { 104 | grid-area: c2; 105 | background-image: url("../images/nature2.jpg"); 106 | background-size: cover; 107 | } 108 | .c3 { 109 | grid-area: c3; 110 | background-image: url("../images/nature3.jpg"); 111 | background-size: cover; 112 | } 113 | .c4 { 114 | grid-area: c4; 115 | background-image: url("../images/nature2.jpg"); 116 | background-size: cover; 117 | } 118 | 119 | .tuhin { 120 | width: 100%; 121 | height: 100%; 122 | background: rgba(0, 0, 0, 0.5); 123 | position: absolute; 124 | top: -100%; 125 | left: 100%; 126 | transition: 0.5s; 127 | } 128 | 129 | .c1:hover .tuhin { 130 | top: 0%; 131 | left: 0%; 132 | display: flex; 133 | justify-content: center; 134 | align-items: center; 135 | font-size: 48px; 136 | color: #fff; 137 | text-transform: uppercase; 138 | letter-spacing: 3px; 139 | font-family: arial; 140 | text-shadow: 2px 2px 2px #000; 141 | } 142 | -------------------------------------------------------------------------------- /nov-27-2022/hw/Md.Saiful Bali/css/style.min.css: -------------------------------------------------------------------------------- 1 | @import"https://fonts.googleapis.com/css2?family=Dancing+Script&family=Oswald:wght@200&display=swap";*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.container{width:100%;min-height:100vh;background:#8684b5;display:grid;grid-gap:32px;padding:140px}.container>.card{border-radius:6px;-webkit-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.container>.card:nth-child(1)>.card-header::before{background:url("../img/IMG_20190621_181103.jpg");background-size:130%;background-position:40% 30%}.container>.card:nth-child(2)>.card-header::before{background:url("../img/Hrithik Roshan.jpg");background-size:140%;background-position:50% 0%}.container>.card:nth-child(3)>.card-header::before{background:url("../img/Asif Abir sir.jpg");background-size:250%;background-position:50% 30%}.container>.card:nth-child(4)>.card-header::before{background:url("../img/Asif Abir.jpg");background-size:200%;background-position:55% 30%}.container>.card:nth-child(5)>.card-header::before{background:url("../img/mahafuz.jpg");background-size:170%;background-position:50% 20%}.container>.card:nth-child(6)>.card-header::before{background:url("../img/Mehadi.jpg");background-size:250%;background-position:130px -8px}.container>.card:nth-child(7)>.card-header::before{background:url("../img/Awal.jpg");background-size:250%;background-position:140px -10px}.container>.card:nth-child(8)>.card-header::before{background:url("../img/All.jpg");background-size:250%;background-position:165px 0px}.container>.card>.card-header{min-height:100px;background-color:#9bd9fe;padding:12px;color:#fff;position:relative;border-radius:6px 6px 0px 0px}.container>.card>.card-header::after{content:"+";width:30px;line-height:30px;border-radius:50%;position:absolute;top:0;right:0;-webkit-transform:translate(36%, -36%);transform:translate(36%, -36%);background-color:#9bd9fe;-webkit-box-shadow:0 0 6px #000;box-shadow:0 0 6px #000;text-align:center}.container>.card>.card-header::before{content:"";width:80px;height:80px;border-radius:50%;position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%, 50%);transform:translate(-50%, 50%);border:5px solid #fff}.container>.card>.card-body{background:#fff;padding-top:50px}.container>.card>.card-body>h2{font-family:"Dancing Script",cursive;text-align:center;margin-bottom:10px;font-size:20px}.container>.card>.card-body>p{font-family:"Oswald",sans-serif;text-align:center;padding:0 24px;font-size:14px;padding-bottom:10px}.container>.card>.card-footer{background:#fff;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:10px;border-radius:0px 0px 6px 6px}.container>.card>.card-footer>.snav{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.container>.card>.card-footer>.snav>li{width:40px;margin:5px}.container>.card>.card-footer>.snav>li>a{list-style:none;color:#adadad;display:block;text-align:center}@media screen and (min-width: 1080px){.container{grid-template-columns:repeat(4, 1fr)}}@media screen and (min-width: 680px)and (max-width: 1080px){.container{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 680px){.container{grid-template-columns:repeat(1, 1fr)}}/*# sourceMappingURL=style.min.css.map */ -------------------------------------------------------------------------------- /nov-22-2022/css/style.scss: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | .bd { 8 | &::before { 9 | content: "Our "; 10 | } 11 | &::after { 12 | content: " is beautiful"; 13 | } 14 | } 15 | 16 | .fifa { 17 | width: 200px; 18 | height: 200px; 19 | background: blue; 20 | margin: 20px; 21 | position: relative; 22 | &::before { 23 | content: ""; 24 | width: 100px; 25 | height: 100px; 26 | background: red; 27 | position: absolute; 28 | top: 20px; 29 | left: 20px; 30 | } 31 | &::after { 32 | content: ""; 33 | width: 100px; 34 | height: 100px; 35 | background: red; 36 | position: absolute; 37 | bottom: 20px; 38 | right: 20px; 39 | } 40 | } 41 | 42 | .heading { 43 | position: relative; 44 | width: 100%; 45 | height: 40px; 46 | &::before { 47 | content: "BangladesH"; 48 | width: max-content; 49 | padding: 0 20px; 50 | line-height: 40px; 51 | position: absolute; 52 | top: 50%; 53 | left: 50%; 54 | background: #fff; 55 | z-index: 10; 56 | font-size: 36px; 57 | font-variant: small-caps; 58 | letter-spacing: 5px; 59 | animation: bd 3s infinite linear; 60 | } 61 | &::after { 62 | content: ""; 63 | width: 100%; 64 | height: 6px; 65 | background: #000; 66 | position: absolute; 67 | top: 50%; 68 | left: 0; 69 | transform: translateY(-50%); 70 | } 71 | } 72 | 73 | .argentina { 74 | width: 150px; 75 | height: 150px; 76 | background: skyblue; 77 | border-radius: 50%; 78 | animation: football 2s infinite linear; 79 | display: flex; 80 | justify-content: center; 81 | align-items: center; 82 | font-size: 64px; 83 | color: #fff; 84 | } 85 | 86 | @keyframes football { 87 | 0% { 88 | margin-left: 20px; 89 | } 90 | 50% { 91 | margin-left: 400px; 92 | } 93 | 100% { 94 | margin-left: 20px; 95 | } 96 | } 97 | 98 | @keyframes bd { 99 | 0% { 100 | text-shadow: 0px 0px 0px #f00; 101 | transform: translate(-50%, -50%) rotateX(0deg); 102 | } 103 | 50% { 104 | text-shadow: 0px 0px 20px #f00; 105 | transform: translate(-50%, -50%) rotateX(360deg); 106 | } 107 | 100% { 108 | text-shadow: 0px 0px 0px #f00; 109 | transform: translate(-50%, -50%) rotateX(0deg); 110 | } 111 | } 112 | 113 | .messi { 114 | width: 400px; 115 | display: block; 116 | margin: 20px auto; 117 | clip-path: polygon(0% 50%, 50% 0%, 100% 50%, 50% 100%); 118 | } 119 | 120 | .parent { 121 | width: 100%; 122 | height: 150px; 123 | background: dodgerblue; 124 | display: flex; 125 | > .chield { 126 | width: calc(100% - 40px); 127 | height: calc(100% - 40px); 128 | margin: auto; 129 | background: linear-gradient(to top right, #55f, #fff, #55f); 130 | position: relative; 131 | &::before { 132 | content: ""; 133 | position: absolute; 134 | width: 100px; 135 | height: 100px; 136 | background: radial-gradient(#fff, #000); 137 | margin: auto; 138 | top: 50%; 139 | left: 50%; 140 | transform: translate(-50%, -50%); 141 | border-radius: 50%; 142 | animation: goal 2s infinite linear; 143 | } 144 | } 145 | } 146 | 147 | @keyframes goal { 148 | 0% { 149 | box-shadow: 0px 0px 0px red; 150 | } 151 | 50% { 152 | box-shadow: 0px 0px 20px red; 153 | } 154 | 100% { 155 | box-shadow: 0px 0px 0px red; 156 | } 157 | } 158 | -------------------------------------------------------------------------------- /nov-22-2022/css/style.min.css: -------------------------------------------------------------------------------- 1 | *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.bd::before{content:"Our "}.bd::after{content:" is beautiful"}.fifa{width:200px;height:200px;background:blue;margin:20px;position:relative}.fifa::before{content:"";width:100px;height:100px;background:red;position:absolute;top:20px;left:20px}.fifa::after{content:"";width:100px;height:100px;background:red;position:absolute;bottom:20px;right:20px}.heading{position:relative;width:100%;height:40px}.heading::before{content:"BangladesH";width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:0 20px;line-height:40px;position:absolute;top:50%;left:50%;background:#fff;z-index:10;font-size:36px;font-variant:small-caps;letter-spacing:5px;-webkit-animation:bd 3s infinite linear;animation:bd 3s infinite linear}.heading::after{content:"";width:100%;height:6px;background:#000;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.argentina{width:150px;height:150px;background:skyblue;border-radius:50%;-webkit-animation:football 2s infinite linear;animation:football 2s infinite linear;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:64px;color:#fff}@-webkit-keyframes football{0%{margin-left:20px}50%{margin-left:400px}100%{margin-left:20px}}@keyframes football{0%{margin-left:20px}50%{margin-left:400px}100%{margin-left:20px}}@-webkit-keyframes bd{0%{text-shadow:0px 0px 0px red;-webkit-transform:translate(-50%, -50%) rotateX(0deg);transform:translate(-50%, -50%) rotateX(0deg)}50%{text-shadow:0px 0px 20px red;-webkit-transform:translate(-50%, -50%) rotateX(360deg);transform:translate(-50%, -50%) rotateX(360deg)}100%{text-shadow:0px 0px 0px red;-webkit-transform:translate(-50%, -50%) rotateX(0deg);transform:translate(-50%, -50%) rotateX(0deg)}}@keyframes bd{0%{text-shadow:0px 0px 0px red;-webkit-transform:translate(-50%, -50%) rotateX(0deg);transform:translate(-50%, -50%) rotateX(0deg)}50%{text-shadow:0px 0px 20px red;-webkit-transform:translate(-50%, -50%) rotateX(360deg);transform:translate(-50%, -50%) rotateX(360deg)}100%{text-shadow:0px 0px 0px red;-webkit-transform:translate(-50%, -50%) rotateX(0deg);transform:translate(-50%, -50%) rotateX(0deg)}}.messi{width:400px;display:block;margin:20px auto;-webkit-clip-path:polygon(0% 50%, 50% 0%, 100% 50%, 50% 100%);clip-path:polygon(0% 50%, 50% 0%, 100% 50%, 50% 100%)}.parent{width:100%;height:150px;background:#1e90ff;display:-webkit-box;display:-ms-flexbox;display:flex}.parent>.chield{width:calc(100% - 40px);height:calc(100% - 40px);margin:auto;background:-webkit-gradient(linear, left bottom, right top, from(#55f), color-stop(#fff), to(#55f));background:linear-gradient(to top right, #55f, #fff, #55f);position:relative}.parent>.chield::before{content:"";position:absolute;width:100px;height:100px;background:radial-gradient(#fff, #000);margin:auto;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border-radius:50%;-webkit-animation:goal 2s infinite linear;animation:goal 2s infinite linear}@-webkit-keyframes goal{0%{-webkit-box-shadow:0px 0px 0px red;box-shadow:0px 0px 0px red}50%{-webkit-box-shadow:0px 0px 20px red;box-shadow:0px 0px 20px red}100%{-webkit-box-shadow:0px 0px 0px red;box-shadow:0px 0px 0px red}}@keyframes goal{0%{-webkit-box-shadow:0px 0px 0px red;box-shadow:0px 0px 0px red}50%{-webkit-box-shadow:0px 0px 20px red;box-shadow:0px 0px 20px red}100%{-webkit-box-shadow:0px 0px 0px red;box-shadow:0px 0px 0px red}}/*# sourceMappingURL=style.min.css.map */ -------------------------------------------------------------------------------- /nov-29-2022/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Bootstrap demo 7 | 13 | 14 | 15 | 16 |
17 |
18 |
19 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium nam natus cumque 20 | vitae nostrum, accusamus minus ab animi cum sit? 21 |
22 |
23 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium nam natus cumque 24 | vitae nostrum, accusamus minus ab animi cum sit? 25 |
26 |
27 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium nam natus cumque 28 | vitae nostrum, accusamus minus ab animi cum sit? 29 |
30 |
31 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium nam natus cumque 32 | vitae nostrum, accusamus minus ab animi cum sit? 33 |
34 |
35 | 36 |
37 |
38 | 39 |
40 |
41 |

Saiful

42 |

43 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam quibusdam quam, et, non, 44 | assumenda soluta reiciendis cumque dolorem laborum ratione ullam. Incidunt cupiditate, 45 | nesciunt libero nam error soluta necessitatibus dolorum? 46 |

47 |

48 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam quibusdam quam, et, non, 49 | assumenda soluta reiciendis cumque dolorem laborum ratione ullam. Incidunt cupiditate, 50 | nesciunt libero nam error soluta necessitatibus dolorum? 51 |

52 |

53 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam quibusdam quam, et, non, 54 | assumenda soluta reiciendis cumque dolorem laborum ratione ullam. Incidunt cupiditate, 55 | nesciunt libero nam error soluta necessitatibus dolorum? 56 |

57 | 63 |
64 |
65 |
66 | 71 | 72 | 73 | -------------------------------------------------------------------------------- /jan-3-2023/tabs.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 12 | 13 | 14 |
15 |
16 |
17 |
18 |
Dhaka
19 |
20 | Rajshahi 21 |
22 |
23 | Khulna 24 |
25 |
Rongpur
26 |
27 |
32 |
36 | Dhaka Lorem ipsum dolor sit, amet consectetur adipisicing elit. 37 | Dolorum ducimus sunt blanditiis praesentium cum corporis aut 38 | laborum a iusto neque. 39 |
40 |
44 | Rajshahi Lorem ipsum dolor sit, amet consectetur adipisicing elit. 45 | Dolorum ducimus sunt blanditiis praesentium cum corporis aut 46 | laborum a iusto neque. 47 |
48 |
52 | Khulna Lorem ipsum dolor sit, amet consectetur adipisicing elit. 53 | Dolorum ducimus sunt blanditiis praesentium cum corporis aut 54 | laborum a iusto neque. 55 |
56 |
60 | Rongpur Lorem ipsum dolor sit, amet consectetur adipisicing elit. 61 | Dolorum ducimus sunt blanditiis praesentium cum corporis aut 62 | laborum a iusto neque. 63 |
64 |
65 |
66 |
67 |
68 | 69 | 87 | 88 | 89 | -------------------------------------------------------------------------------- /nov-23-2022/css/style.min.css: -------------------------------------------------------------------------------- 1 | @import"https://fonts.googleapis.com/css2?family=Dancing+Script&family=Oswald:wght@200&display=swap";*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.container{width:100%;min-height:100vh;background:#8684b5;display:grid;grid-gap:32px;padding:140px}.container>.card{border-radius:6px;-webkit-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.container>.card:nth-child(1)>.card-header::before{background:url("../images/messi.jpg");background-size:200%;background-position:30% 20%}.container>.card:nth-child(2)>.card-header::before{background:url("https://upload.wikimedia.org/wikipedia/commons/8/8c/Cristiano_Ronaldo_2018.jpg");background-size:120%;background-position:30% 10%}.container>.card:nth-child(3)>.card-header::before{background:url("https://www.si.com/.image/c_fit%2Ccs_srgb%2Cfl_progressive%2Cq_auto:good%2Cw_620/MTc5NTMwMzAxNjQ1NTMwMjQ5/gettyimages-891445.jpg");background-size:120%;background-position:30% 10%}.container>.card:nth-child(4)>.card-header::before{background:url("https://cdn.britannica.com/87/139487-050-98D3449D/Kaka-2009.jpg");background-size:120%;background-position:30% 10%}.container>.card:nth-child(5)>.card-header::before{background:url("https://www.latestbdnews.com/wp-content/uploads/2022/04/%E0%A6%A1.-%E0%A6%AE%E0%A6%BE%E0%A6%B9%E0%A6%AB%E0%A7%81%E0%A6%9C%E0%A7%81%E0%A6%B0-%E0%A6%B0%E0%A6%B9%E0%A6%AE%E0%A6%BE%E0%A6%A8-dr-Mahfujur-Rahman.jpg");background-size:300%;background-position:50% 20%}.container>.card:nth-child(6)>.card-header::before{background:url("https://dailymusicroll.s3.us-west-2.amazonaws.com/wp-content/uploads/2022/08/08183001/hero-alam-1200x900-1-300x225.jpg");background-size:300%;background-position:180px 0px}.container>.card:nth-child(7)>.card-header::before{background:url("https://images.thedailystar.net/sites/default/files/feature/images/2021/06/29/ananta-1585225073898.jpg");background-size:250%;background-position:130px -20px}.container>.card:nth-child(8)>.card-header::before{background:url("https://new-media.dhakatribune.com/en/uploads/2022/08/17/shakib-khan.jpeg");background-size:250%;background-position:150px 0px}.container>.card>.card-header{min-height:100px;background-color:#9bd9fe;padding:12px;color:#fff;position:relative;border-radius:6px 6px 0px 0px}.container>.card>.card-header::after{content:"+";width:30px;line-height:30px;border-radius:50%;position:absolute;top:0;right:0;-webkit-transform:translate(36%, -36%);transform:translate(36%, -36%);background-color:#9bd9fe;-webkit-box-shadow:0 0 6px #000;box-shadow:0 0 6px #000;text-align:center}.container>.card>.card-header::before{content:"";width:80px;height:80px;border-radius:50%;position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%, 50%);transform:translate(-50%, 50%);border:5px solid #fff}.container>.card>.card-body{background:#fff;padding-top:50px}.container>.card>.card-body>h2{font-family:"Dancing Script",cursive;text-align:center;margin-bottom:10px;font-size:20px}.container>.card>.card-body>p{font-family:"Oswald",sans-serif;text-align:center;padding:0 24px;font-size:14px;padding-bottom:10px}.container>.card>.card-footer{background:#fff;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:10px;border-radius:0px 0px 6px 6px}.container>.card>.card-footer>.snav{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.container>.card>.card-footer>.snav>li{width:40px;margin:5px}.container>.card>.card-footer>.snav>li>a{list-style:none;color:#adadad;display:block;text-align:center}@media screen and (min-width: 1080px){.container{grid-template-columns:repeat(4, 1fr)}}@media screen and (min-width: 680px)and (max-width: 1080px){.container{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 680px){.container{grid-template-columns:repeat(1, 1fr)}}/*# sourceMappingURL=style.min.css.map */ -------------------------------------------------------------------------------- /oct-23-2022/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 | 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 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 |
S.N.NameAgeCitySubject
01MOKLESOR RAHMAN20DhakaWeb Design
02MST SONIA KHATUN20DhakaWeb Design
03HABEBA AKTER RATRE20DhakaWeb Design
04TUHINUR RAHMAN20DhakaWeb Design
05SANJIA AFROJ20DhakaWeb Design
06SOHAN MAHMUD20DhakaWeb Design
07FARJANA AKTER SUMA20DhakaWeb Design
08SAMIT MD YUSUF20DhakaWeb Design
09MD. SAIFUL BALI20DhakaWeb Design
10MAHFUZ RAHMAN RAYHAN20DhakaWeb Design
11MD. MEHEDI HASAN20DhakaWeb Design
12MD. AWAL HOSSAIN20DhakaWeb Design
13MD. SEFATULLAH20DhakaWeb Design
111 | 112 | 113 | 120 |
    121 |
  1. Dhaka
    2. 122 |
  2. Rajshahi
    3. 123 |
  3. Khulna
    4. 124 |
  4. Rongpur
    5. 125 |
  5. Dinajpur
    6. 126 |
127 | 128 | 137 | 138 | 147 | 148 | 154 | 155 | 156 | -------------------------------------------------------------------------------- /nov-20-2022/media-query-and-fonts/fonts/Poppins/OFL.txt: -------------------------------------------------------------------------------- 1 | Copyright 2020 The Poppins Project Authors (https://github.com/itfoundry/Poppins) 2 | 3 | This Font Software is licensed under the SIL Open Font License, Version 1.1. 4 | This license is copied below, and is also available with a FAQ at: 5 | http://scripts.sil.org/OFL 6 | 7 | 8 | ----------------------------------------------------------- 9 | SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 10 | ----------------------------------------------------------- 11 | 12 | PREAMBLE 13 | The goals of the Open Font License (OFL) are to stimulate worldwide 14 | development of collaborative font projects, to support the font creation 15 | efforts of academic and linguistic communities, and to provide a free and 16 | open framework in which fonts may be shared and improved in partnership 17 | with others. 18 | 19 | The OFL allows the licensed fonts to be used, studied, modified and 20 | redistributed freely as long as they are not sold by themselves. The 21 | fonts, including any derivative works, can be bundled, embedded, 22 | redistributed and/or sold with any software provided that any reserved 23 | names are not used by derivative works. The fonts and derivatives, 24 | however, cannot be released under any other type of license. The 25 | requirement for fonts to remain under this license does not apply 26 | to any document created using the fonts or their derivatives. 27 | 28 | DEFINITIONS 29 | "Font Software" refers to the set of files released by the Copyright 30 | Holder(s) under this license and clearly marked as such. This may 31 | include source files, build scripts and documentation. 32 | 33 | "Reserved Font Name" refers to any names specified as such after the 34 | copyright statement(s). 35 | 36 | "Original Version" refers to the collection of Font Software components as 37 | distributed by the Copyright Holder(s). 38 | 39 | "Modified Version" refers to any derivative made by adding to, deleting, 40 | or substituting -- in part or in whole -- any of the components of the 41 | Original Version, by changing formats or by porting the Font Software to a 42 | new environment. 43 | 44 | "Author" refers to any designer, engineer, programmer, technical 45 | writer or other person who contributed to the Font Software. 46 | 47 | PERMISSION & CONDITIONS 48 | Permission is hereby granted, free of charge, to any person obtaining 49 | a copy of the Font Software, to use, study, copy, merge, embed, modify, 50 | redistribute, and sell modified and unmodified copies of the Font 51 | Software, subject to the following conditions: 52 | 53 | 1) Neither the Font Software nor any of its individual components, 54 | in Original or Modified Versions, may be sold by itself. 55 | 56 | 2) Original or Modified Versions of the Font Software may be bundled, 57 | redistributed and/or sold with any software, provided that each copy 58 | contains the above copyright notice and this license. These can be 59 | included either as stand-alone text files, human-readable headers or 60 | in the appropriate machine-readable metadata fields within text or 61 | binary files as long as those fields can be easily viewed by the user. 62 | 63 | 3) No Modified Version of the Font Software may use the Reserved Font 64 | Name(s) unless explicit written permission is granted by the corresponding 65 | Copyright Holder. This restriction only applies to the primary font name as 66 | presented to the users. 67 | 68 | 4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font 69 | Software shall not be used to promote, endorse or advertise any 70 | Modified Version, except to acknowledge the contribution(s) of the 71 | Copyright Holder(s) and the Author(s) or with their explicit written 72 | permission. 73 | 74 | 5) The Font Software, modified or unmodified, in part or in whole, 75 | must be distributed entirely under this license, and must not be 76 | distributed under any other license. The requirement for fonts to 77 | remain under this license does not apply to any document created 78 | using the Font Software. 79 | 80 | TERMINATION 81 | This license becomes null and void if any of the above conditions are 82 | not met. 83 | 84 | DISCLAIMER 85 | THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, 86 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF 87 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT 88 | OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE 89 | COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, 90 | INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL 91 | DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 92 | FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM 93 | OTHER DEALINGS IN THE FONT SOFTWARE. 94 | -------------------------------------------------------------------------------- /nov-20-2022/media-query-and-fonts/fonts/Rubik_Distressed/OFL.txt: -------------------------------------------------------------------------------- 1 | Copyright 2020 The Rubik Filtered Project Authors (https://https://github.com/NaN-xyz/Rubik-Filtered) 2 | 3 | This Font Software is licensed under the SIL Open Font License, Version 1.1. 4 | This license is copied below, and is also available with a FAQ at: 5 | http://scripts.sil.org/OFL 6 | 7 | 8 | ----------------------------------------------------------- 9 | SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 10 | ----------------------------------------------------------- 11 | 12 | PREAMBLE 13 | The goals of the Open Font License (OFL) are to stimulate worldwide 14 | development of collaborative font projects, to support the font creation 15 | efforts of academic and linguistic communities, and to provide a free and 16 | open framework in which fonts may be shared and improved in partnership 17 | with others. 18 | 19 | The OFL allows the licensed fonts to be used, studied, modified and 20 | redistributed freely as long as they are not sold by themselves. The 21 | fonts, including any derivative works, can be bundled, embedded, 22 | redistributed and/or sold with any software provided that any reserved 23 | names are not used by derivative works. The fonts and derivatives, 24 | however, cannot be released under any other type of license. The 25 | requirement for fonts to remain under this license does not apply 26 | to any document created using the fonts or their derivatives. 27 | 28 | DEFINITIONS 29 | "Font Software" refers to the set of files released by the Copyright 30 | Holder(s) under this license and clearly marked as such. This may 31 | include source files, build scripts and documentation. 32 | 33 | "Reserved Font Name" refers to any names specified as such after the 34 | copyright statement(s). 35 | 36 | "Original Version" refers to the collection of Font Software components as 37 | distributed by the Copyright Holder(s). 38 | 39 | "Modified Version" refers to any derivative made by adding to, deleting, 40 | or substituting -- in part or in whole -- any of the components of the 41 | Original Version, by changing formats or by porting the Font Software to a 42 | new environment. 43 | 44 | "Author" refers to any designer, engineer, programmer, technical 45 | writer or other person who contributed to the Font Software. 46 | 47 | PERMISSION & CONDITIONS 48 | Permission is hereby granted, free of charge, to any person obtaining 49 | a copy of the Font Software, to use, study, copy, merge, embed, modify, 50 | redistribute, and sell modified and unmodified copies of the Font 51 | Software, subject to the following conditions: 52 | 53 | 1) Neither the Font Software nor any of its individual components, 54 | in Original or Modified Versions, may be sold by itself. 55 | 56 | 2) Original or Modified Versions of the Font Software may be bundled, 57 | redistributed and/or sold with any software, provided that each copy 58 | contains the above copyright notice and this license. These can be 59 | included either as stand-alone text files, human-readable headers or 60 | in the appropriate machine-readable metadata fields within text or 61 | binary files as long as those fields can be easily viewed by the user. 62 | 63 | 3) No Modified Version of the Font Software may use the Reserved Font 64 | Name(s) unless explicit written permission is granted by the corresponding 65 | Copyright Holder. This restriction only applies to the primary font name as 66 | presented to the users. 67 | 68 | 4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font 69 | Software shall not be used to promote, endorse or advertise any 70 | Modified Version, except to acknowledge the contribution(s) of the 71 | Copyright Holder(s) and the Author(s) or with their explicit written 72 | permission. 73 | 74 | 5) The Font Software, modified or unmodified, in part or in whole, 75 | must be distributed entirely under this license, and must not be 76 | distributed under any other license. The requirement for fonts to 77 | remain under this license does not apply to any document created 78 | using the Font Software. 79 | 80 | TERMINATION 81 | This license becomes null and void if any of the above conditions are 82 | not met. 83 | 84 | DISCLAIMER 85 | THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, 86 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF 87 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT 88 | OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE 89 | COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, 90 | INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL 91 | DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 92 | FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM 93 | OTHER DEALINGS IN THE FONT SOFTWARE. 94 | -------------------------------------------------------------------------------- /nov-27-2022/hw/Md.Saiful Bali/css/style.scss: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css2?family=Dancing+Script&family=Oswald:wght@200&display=swap"); 2 | 3 | * { 4 | margin: 0; 5 | padding: 0; 6 | box-sizing: border-box; 7 | } 8 | 9 | .container { 10 | width: 100%; 11 | min-height: 100vh; 12 | background: #8684b5; 13 | display: grid; 14 | grid-gap: 32px; 15 | padding: 140px; 16 | > .card { 17 | border-radius: 6px; 18 | box-shadow: 0 0 10px #000; 19 | display: flex; 20 | flex-direction: column; 21 | &:nth-child(1) { 22 | > .card-header { 23 | &::before { 24 | background: url("../img/IMG_20190621_181103.jpg"); 25 | background-size: 130%; 26 | background-position: 40% 30%; 27 | } 28 | } 29 | } 30 | &:nth-child(2) { 31 | > .card-header { 32 | &::before { 33 | background: url("../img/Hrithik\ Roshan.jpg"); 34 | background-size: 140%; 35 | background-position: 50% 0%; 36 | } 37 | } 38 | } 39 | &:nth-child(3) { 40 | > .card-header { 41 | &::before { 42 | background: url("../img/Asif\ Abir\ sir.jpg"); 43 | background-size: 250%; 44 | background-position: 50% 30%; 45 | } 46 | } 47 | } 48 | &:nth-child(4) { 49 | > .card-header { 50 | &::before { 51 | background: url("../img/Asif\ Abir.jpg"); 52 | background-size: 200%; 53 | background-position: 55% 30%; 54 | } 55 | } 56 | } 57 | &:nth-child(5) { 58 | > .card-header { 59 | &::before { 60 | background: url("../img/mahafuz.jpg"); 61 | background-size: 170%; 62 | background-position: 50% 20%; 63 | } 64 | } 65 | } 66 | &:nth-child(6) { 67 | > .card-header { 68 | &::before { 69 | background: url("../img/Mehadi.jpg"); 70 | background-size: 250%; 71 | background-position: 130px -8px; 72 | } 73 | } 74 | } 75 | &:nth-child(7) { 76 | > .card-header { 77 | &::before { 78 | background: url("../img/Awal.jpg"); 79 | background-size: 250%; 80 | background-position: 140px -10px; 81 | } 82 | } 83 | } 84 | &:nth-child(8) { 85 | > .card-header { 86 | &::before { 87 | background: url("../img/All.jpg"); 88 | background-size: 250%; 89 | background-position: 165px 0px; 90 | } 91 | } 92 | } 93 | > .card-header { 94 | min-height: 100px; 95 | background-color: #9bd9fe; 96 | padding: 12px; 97 | color: #fff; 98 | position: relative; 99 | border-radius: 6px 6px 0px 0px; 100 | &::after { 101 | content: "+"; 102 | width: 30px; 103 | line-height: 30px; 104 | border-radius: 50%; 105 | position: absolute; 106 | top: 0; 107 | right: 0; 108 | transform: translate(36%, -36%); 109 | background-color: #9bd9fe; 110 | box-shadow: 0 0 6px #000; 111 | text-align: center; 112 | } 113 | &::before { 114 | content: ""; 115 | width: 80px; 116 | height: 80px; 117 | border-radius: 50%; 118 | position: absolute; 119 | bottom: 0; 120 | left: 50%; 121 | transform: translate(-50%, 50%); 122 | border: 5px solid #fff; 123 | } 124 | } 125 | > .card-body { 126 | background: #fff; 127 | padding-top: 50px; 128 | > h2 { 129 | font-family: "Dancing Script", cursive; 130 | text-align: center; 131 | margin-bottom: 10px; 132 | font-size: 20px; 133 | } 134 | > p { 135 | font-family: "Oswald", sans-serif; 136 | text-align: center; 137 | padding: 0 24px; 138 | font-size: 14px; 139 | padding-bottom: 10px; 140 | } 141 | } 142 | > .card-footer { 143 | background: #fff; 144 | height: 100%; 145 | display: flex; 146 | justify-content: center; 147 | align-items: center; 148 | padding-bottom: 10px; 149 | border-radius: 0px 0px 6px 6px; 150 | > .snav { 151 | list-style: none; 152 | display: flex; 153 | justify-content: center; 154 | > li { 155 | width: 40px; 156 | margin: 5px; 157 | > a { 158 | list-style: none; 159 | color: #adadad; 160 | display: block; 161 | text-align: center; 162 | } 163 | } 164 | } 165 | } 166 | } 167 | } 168 | 169 | @media screen and (min-width: 1080px) { 170 | .container { 171 | grid-template-columns: repeat(4, 1fr); 172 | } 173 | } 174 | @media screen and (min-width: 680px) and (max-width: 1080px) { 175 | .container { 176 | grid-template-columns: repeat(2, 1fr); 177 | } 178 | } 179 | @media screen and (max-width: 680px) { 180 | .container { 181 | grid-template-columns: repeat(1, 1fr); 182 | } 183 | } 184 | -------------------------------------------------------------------------------- /nov-27-2022/psd2html/css/style.min.css: -------------------------------------------------------------------------------- 1 | @import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Lato",sans-serif}@media screen and (min-width: 1600px){.container{margin:auto;width:1600px}}.container{margin:auto;width:100%}.container>.header{width:1114px;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container>.header>nav{margin-left:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.container>.header>nav>ul{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}.container>.header>nav>ul>li:not(.container>.header>nav>ul>li:last-child){margin-right:40px}.container>.header>nav>ul>li a{text-decoration:none;line-height:100px;color:#222;display:block}.container>.header>nav>ul>li a:hover{text-decoration:underline}.container>.banner{position:relative}.container>.banner>img{max-width:100%}.container>.banner>div{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:rgba(255,255,255,.2);color:#fff}.container>.banner>div>h1{font-size:120px;position:relative}.container>.banner>div>h1::before{content:"";width:100%;height:2px;background:#15a4fa;position:absolute;bottom:2px;left:0}.container>.banner>div>p{margin:30px 0 50px 0;font-size:20px}.container>.banner>div>button{font-size:18px;background:rgba(0,0,0,0);border:1px solid #15a4fa;color:#fff;width:180px;height:58px;border-radius:4px;cursor:pointer}.container>.banner>div>button:hover{background:#15a4fa}.container>.details{background:#f6f9f9;text-align:center}.container>.details>div{width:1114px;margin:auto;padding:90px 0}.container>.details>div>h2{font-size:40px;color:#2d3950;margin-bottom:24px;font-weight:500}.container>.details>div>p{font-size:20px;color:#999;font-weight:300}.container>.services{width:1114px;margin:auto;display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:48px}.container>.services>div{padding:64px 44px;text-align:center}.container>.services>div>h5{color:#2d3950;font-size:20px;line-height:64px;font-weight:400}.container>.services>div>p{color:#999;font-size:14px}.container>.gallery{background:f6f9f9}.container>.gallery>div{width:1114px;margin:auto;text-align:center}.container>.gallery>div>h2{font-size:40px;color:#2d3950;margin-bottom:24px;font-weight:500}.container>.gallery>div>p{font-size:14px;color:#999;font-weight:300;margin-bottom:70px}.container>.gallery>div>div{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:30px}.container>.gallery>div>div>.galleryImg{position:relative;overflow:hidden}.container>.gallery>div>div>.galleryImg>div{position:absolute;top:-100%;left:-100%;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(21,162,250,.8274509804);-webkit-transition:.5s;transition:.5s}.container>.gallery>div>div>.galleryImg>div>span{color:#fff;border:1px solid #fff;width:30px;line-height:30px;margin:5px}.container>.gallery>div>div>.galleryImg:hover>div{top:0%;left:0%}.container>.contact{margin-top:100px;background:-webkit-gradient(linear, left top, left bottom, from(rgba(45, 57, 80, 0.7)), to(rgba(45, 57, 80, 0.7))),url("../images/footerbd.jpg");background:linear-gradient(rgba(45, 57, 80, 0.7), rgba(45, 57, 80, 0.7)),url("../images/footerbd.jpg")}.container>.contact>div{width:557px;margin:auto;text-align:center;padding:80px 0}.container>.contact>div>h2{font-size:40px;color:#2d3950;margin-bottom:24px;font-weight:500;color:#fff}.container>.contact>div>p{font-size:14px;color:#999;font-weight:300;margin-bottom:70px}.container>.contact>div>form>input{width:100%;height:60px;padding:0 24px;background:rgba(0,0,0,0);border:2px solid #999;margin-bottom:22px;border-radius:6px}.container>.contact>div>form>textarea{width:100%;height:160px;padding:24px;background:rgba(0,0,0,0);border:2px solid #999;margin-bottom:22px;border-radius:6px;resize:none}.container>.contact>div>form>button{font-size:18px;background:rgba(0,0,0,0);border:1px solid #15a4fa;color:#fff;width:180px;height:58px;border-radius:4px;cursor:pointer}.container>.contact>div>form>button:hover{background:#15a4fa}.container>footer{padding:30px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:1114px;margin:auto}.container>footer>p{color:#999;font-size:14px}.container>footer>.snav{max-width:1114px;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;list-style:none;text-align:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.container>footer>.snav>li{width:40px;background:#15a4fa}.container>footer>.snav>li:not(.container>footer>.snav>li:last-child){margin-right:5px}.container>footer>.snav>li>a{text-decoration:none;display:block;color:#fff;line-height:40px}/*# sourceMappingURL=style.min.css.map */ -------------------------------------------------------------------------------- /jan-5-2023/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 12 | 33 | 34 | 35 |
36 |
37 |
38 |
41 |
44 | What is your name? 45 |
46 |
47 | My name is Sefatullah! I live in Bangladesh. I am a student. Lorem 48 | ipsum dolor sit amet consectetur adipisicing elit. Sapiente atque 49 | quia laudantium non mollitia esse doloribus! Consectetur voluptas 50 | sequi quisquam. 51 |
52 |
53 |
56 |
59 | What is your name? 60 |
61 |
62 | My name is Sefatullah! I live in Bangladesh. I am a student. Lorem 63 | ipsum dolor sit amet consectetur adipisicing elit. Sapiente atque 64 | quia laudantium non mollitia esse doloribus! Consectetur voluptas 65 | sequi quisquam. 66 |
67 |
68 |
71 |
74 | What is your name? 75 |
76 |
77 | My name is Sefatullah! I live in Bangladesh. I am a student. Lorem 78 | ipsum dolor sit amet consectetur adipisicing elit. Sapiente atque 79 | quia laudantium non mollitia esse doloribus! Consectetur voluptas 80 | sequi quisquam. 81 |
82 |
83 |
86 |
89 | What is your name? 90 |
91 |
92 | My name is Sefatullah! I live in Bangladesh. I am a student. Lorem 93 | ipsum dolor sit amet consectetur adipisicing elit. Sapiente atque 94 | quia laudantium non mollitia esse doloribus! Consectetur voluptas 95 | sequi quisquam. 96 |
97 |
98 |
99 |
100 |
101 | 102 | 132 | 133 | 134 | -------------------------------------------------------------------------------- /nov-23-2022/css/style.scss: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css2?family=Dancing+Script&family=Oswald:wght@200&display=swap"); 2 | 3 | * { 4 | margin: 0; 5 | padding: 0; 6 | box-sizing: border-box; 7 | } 8 | 9 | .container { 10 | width: 100%; 11 | min-height: 100vh; 12 | background: #8684b5; 13 | display: grid; 14 | grid-gap: 32px; 15 | padding: 140px; 16 | > .card { 17 | border-radius: 6px; 18 | box-shadow: 0 0 10px #000; 19 | display: flex; 20 | flex-direction: column; 21 | &:nth-child(1) { 22 | > .card-header { 23 | &::before { 24 | background: url("../images/messi.jpg"); 25 | background-size: 200%; 26 | background-position: 30% 20%; 27 | } 28 | } 29 | } 30 | &:nth-child(2) { 31 | > .card-header { 32 | &::before { 33 | background: url("https://upload.wikimedia.org/wikipedia/commons/8/8c/Cristiano_Ronaldo_2018.jpg"); 34 | background-size: 120%; 35 | background-position: 30% 10%; 36 | } 37 | } 38 | } 39 | &:nth-child(3) { 40 | > .card-header { 41 | &::before { 42 | background: url("https://www.si.com/.image/c_fit%2Ccs_srgb%2Cfl_progressive%2Cq_auto:good%2Cw_620/MTc5NTMwMzAxNjQ1NTMwMjQ5/gettyimages-891445.jpg"); 43 | background-size: 120%; 44 | background-position: 30% 10%; 45 | } 46 | } 47 | } 48 | &:nth-child(4) { 49 | > .card-header { 50 | &::before { 51 | background: url("https://cdn.britannica.com/87/139487-050-98D3449D/Kaka-2009.jpg"); 52 | background-size: 120%; 53 | background-position: 30% 10%; 54 | } 55 | } 56 | } 57 | &:nth-child(5) { 58 | > .card-header { 59 | &::before { 60 | background: url("https://www.latestbdnews.com/wp-content/uploads/2022/04/%E0%A6%A1.-%E0%A6%AE%E0%A6%BE%E0%A6%B9%E0%A6%AB%E0%A7%81%E0%A6%9C%E0%A7%81%E0%A6%B0-%E0%A6%B0%E0%A6%B9%E0%A6%AE%E0%A6%BE%E0%A6%A8-dr-Mahfujur-Rahman.jpg"); 61 | background-size: 300%; 62 | background-position: 50% 20%; 63 | } 64 | } 65 | } 66 | &:nth-child(6) { 67 | > .card-header { 68 | &::before { 69 | background: url("https://dailymusicroll.s3.us-west-2.amazonaws.com/wp-content/uploads/2022/08/08183001/hero-alam-1200x900-1-300x225.jpg"); 70 | background-size: 300%; 71 | background-position: 180px 0px; 72 | } 73 | } 74 | } 75 | &:nth-child(7) { 76 | > .card-header { 77 | &::before { 78 | background: url("https://images.thedailystar.net/sites/default/files/feature/images/2021/06/29/ananta-1585225073898.jpg"); 79 | background-size: 250%; 80 | background-position: 130px -20px; 81 | } 82 | } 83 | } 84 | &:nth-child(8) { 85 | > .card-header { 86 | &::before { 87 | background: url("https://new-media.dhakatribune.com/en/uploads/2022/08/17/shakib-khan.jpeg"); 88 | background-size: 250%; 89 | background-position: 150px 0px; 90 | } 91 | } 92 | } 93 | > .card-header { 94 | min-height: 100px; 95 | background-color: #9bd9fe; 96 | padding: 12px; 97 | color: #fff; 98 | position: relative; 99 | border-radius: 6px 6px 0px 0px; 100 | &::after { 101 | content: "+"; 102 | width: 30px; 103 | line-height: 30px; 104 | border-radius: 50%; 105 | position: absolute; 106 | top: 0; 107 | right: 0; 108 | transform: translate(36%, -36%); 109 | background-color: #9bd9fe; 110 | box-shadow: 0 0 6px #000; 111 | text-align: center; 112 | } 113 | &::before { 114 | content: ""; 115 | width: 80px; 116 | height: 80px; 117 | border-radius: 50%; 118 | position: absolute; 119 | bottom: 0; 120 | left: 50%; 121 | transform: translate(-50%, 50%); 122 | border: 5px solid #fff; 123 | } 124 | } 125 | > .card-body { 126 | background: #fff; 127 | padding-top: 50px; 128 | > h2 { 129 | font-family: "Dancing Script", cursive; 130 | text-align: center; 131 | margin-bottom: 10px; 132 | font-size: 20px; 133 | } 134 | > p { 135 | font-family: "Oswald", sans-serif; 136 | text-align: center; 137 | padding: 0 24px; 138 | font-size: 14px; 139 | padding-bottom: 10px; 140 | } 141 | } 142 | > .card-footer { 143 | background: #fff; 144 | height: 100%; 145 | display: flex; 146 | justify-content: center; 147 | align-items: center; 148 | padding-bottom: 10px; 149 | border-radius: 0px 0px 6px 6px; 150 | > .snav { 151 | list-style: none; 152 | display: flex; 153 | justify-content: center; 154 | > li { 155 | width: 40px; 156 | margin: 5px; 157 | > a { 158 | list-style: none; 159 | color: #adadad; 160 | display: block; 161 | text-align: center; 162 | } 163 | } 164 | } 165 | } 166 | } 167 | } 168 | 169 | @media screen and (min-width: 1080px) { 170 | .container { 171 | grid-template-columns: repeat(4, 1fr); 172 | } 173 | } 174 | @media screen and (min-width: 680px) and (max-width: 1080px) { 175 | .container { 176 | grid-template-columns: repeat(2, 1fr); 177 | } 178 | } 179 | @media screen and (max-width: 680px) { 180 | .container { 181 | grid-template-columns: repeat(1, 1fr); 182 | } 183 | } 184 | -------------------------------------------------------------------------------- /nov-30-2022/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Bootstrap demo 7 | 13 | 20 | 21 | 22 | 23 | 83 | 84 | 162 | 167 | 168 | 169 | --------------------------------------------------------------------------------