Module-2

Task-1

Css Types Challenge:

Create an Html Document Width Three Paragraph.

Apply css styles to eatch paragraph using inline,internal and External Css :

This Is paragraph 1 . inline Css Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure aperiam temporibus ex nemo eaque numquam ipsam quam exercitationem, ipsa voluptates doloremque provident, eius cum consequuntur sapiente repudiandae repellendus ducimus at!

This Is paragraph 2 . internal Css Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure aperiam temporibus ex nemo eaque numquam ipsam quam exercitationem, ipsa voluptates doloremque provident, eius cum consequuntur sapiente repudiandae repellendus ducimus at!

This Is paragraph 3 . External Css Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure aperiam temporibus ex nemo eaque numquam ipsam quam exercitationem, ipsa voluptates doloremque provident, eius cum consequuntur sapiente repudiandae repellendus ducimus at!

Task-2

Text Style Challenge :

Design a webpage width a heading ,paragraphs,and a list.

apply css styles to change the text-color,alignment,font-size.font-family and font style. for different elements. :

Design a webpage width a heading ,paragraphs,and a list :

This Is Website Heading .

This Is Task-2 Paragraph . Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt non, inventore mollitia repellat quaerat reprehenderit, accusantium cumque ullam quibusdam vitae fuga voluptatibus nobis esse officiis ipsa explicabo aliquid? Maxime, deserunt.

Order List :

  1. Bangladesh
  2. India
  3. Pakistan
  4. Usa
  5. Uae

Un-Order List :

  • Bangladesh
    • Dhaka
    • Borisal
    • Rongphur
    • Rajbari
  • India
  • Pakistan
  • Usa
  • Uae

apply css styles to change the text-color,alignment,font-size.font-family and font style. for different elements. :

Text Color :

Text Color Test . Lorem, ipsum dolor sit amet consectetur adipisicing elit. Animi eligendi provident nobis consequuntur commodi voluptate labore odio! Nesciunt quo voluptas asperiores veniam illum, nulla et omnis ullam consectetur, laudantium praesentium!

alignment :

This Is alignment Test

font-size :

font-size Test . Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem similique repellendus ducimus ea inventore? Voluptas, tenetur laboriosam vitae fugiat praesentium, non est eligendi maiores et velit deserunt rerum quibusdam culpa!

font-family and font style :

font-family and font style Test text . Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quam rerum facilis dolore maiores! Labore recusandae ea nemo unde, aspernatur totam hic doloremque voluptate. Aspernatur nemo fuga laudantium? Eum, nihil adipisci.

font-family and font style Test text . Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quam rerum facilis dolore maiores! Labore recusandae ea nemo unde, aspernatur totam hic doloremque voluptate. Aspernatur nemo fuga laudantium? Eum, nihil adipisci.

font-family and font style Test text . Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quam rerum facilis dolore maiores! Labore recusandae ea nemo unde, aspernatur totam hic doloremque voluptate. Aspernatur nemo fuga laudantium? Eum, nihil adipisci.

Task-3

Selectors Challenge:

1-Create a html document width various elements, including heading ,paragraphs and div.

2-Use different css selectors (id,class,ubiversal tag) to apply uniqe style to specicfic eleent

This Is Website Heading .

This Is Task-3 Paragraph . Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt non, inventore mollitia repellat quaerat reprehenderit, accusantium cumque ullam quibusdam vitae fuga voluptatibus nobis esse officiis ipsa explicabo aliquid? Maxime, deserunt.

This Is Website Heading .

This Is Task-3 Paragraph . Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt non, inventore mollitia repellat quaerat reprehenderit, accusantium cumque ullam quibusdam vitae fuga voluptatibus nobis esse officiis ipsa explicabo aliquid? Maxime, deserunt.

This Is ID Selector

This Is Class Selector

Task-4

Background Styles Csallenge :

1-Design a webpage width multiple section/div .

2-apply css styles to set different bg-color ,img,repeats,positions,and size for each section

This Is div-1 .

This Is Task-3 Paragraph . Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt non, inventore mollitia repellat quaerat reprehenderit, accusantium cumque ullam quibusdam vitae fuga voluptatibus nobis esse officiis ipsa explicabo aliquid? Maxime, deserunt.

This Is div-2 .

This Is Task-3 Paragraph . Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt non, inventore mollitia repellat quaerat reprehenderit, accusantium cumque ullam quibusdam vitae fuga voluptatibus nobis esse officiis ipsa explicabo aliquid? Maxime, deserunt.

Section-1

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Id, quis earum. Ipsum necessitatibus officia iure iste exercitationem ducimus, nam deleniti quam maiores nihil nesciunt magnam placeat rerum vel pariatur ut.

Section-2

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Id, quis earum. Ipsum necessitatibus officia iure iste exercitationem ducimus, nam deleniti quam maiores nihil nesciunt magnam placeat rerum vel pariatur ut.

Task-5

Border Challenge :

Create a webpage width various element such a as div ,paragraphs, and image.

apply css styles to add border width different width ,color border-radius, and box shadow. effect to the element.

Div-1
div-2

This Is para-1. Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda dolores hic aperiam magnam neque esse consectetur eius dolore quisquam aspernatur. Expedita reprehenderit officiis voluptas odio omnis necessitatibus fugit nisi hic.

This Is para-2. Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda dolores hic aperiam magnam neque esse consectetur eius dolore quisquam aspernatur. Expedita reprehenderit officiis voluptas odio omnis necessitatibus fugit nisi hic.

Task-6

Display Challenge :

Build a webpage width deferent element( eg: img-heading-paragraph-button ).

apply css styles to set the display property to none ,hidden ,inline,inline-block,block for specific element..

ভাসমান পেয়ারা বাজার

বাংলাদেশের বরিশাল অঞ্চলের ভাসমান বাজার দেশের নদীমাতৃক জীবনধারা ও সাংস্কৃতিক ঐতিহ্যের এক অনন্য প্রতীক। বরিশাল, যা “বঙ্গের ভেনিস” নামে পরিচিত, তার জলপথের সাথে মানুষের ঘনিষ্ঠ সম্পর্কের এক জীবন্ত সাক্ষ্য বহন করে। বিশ্ব যখন দ্রুত আধুনিকতার দিকে এগিয়ে চলেছে, তখন বরিশালের এই ভাসমান বাজার শত বছরেরও অধিককাল ধরে একটি টেকসই ঐতিহ্য রক্ষা করে চলেছে, যা বাংলাদেশের নদীঘেরা ভূপ্রকৃতির সাথে মানুষের অভিযোজনের এক ব্যতিক্রমী উদাহরণ।

ইতিহাসের প্রেক্ষাপটঃ

বরিশালের ভাসমান বাজার বাংলাদেশের অন্যতম প্রাচীন বাজার ব্যবস্থার একটি, যার উৎপত্তি এক শতাব্দীরও বেশি সময় পূর্বে। যদিও এর সুনির্দিষ্ট শুরু সময় নির্ধারণ করা কঠিন, তবে এটি স্পষ্ট যে বাজারটি গড়ে উঠেছে স্থানীয় কৃষকদের নদীনির্ভর জীবন ও বাণিজ্যের ধারাবাহিকতার ফলস্বরূপ। স্থানীয় কৃষকরা নদী ব্যবহার করে পণ্য পরিবহন করতেন, যা সময়ের সাথে একটি সংগঠিত বাজারের রূপ নেয় — আজও যা গ্রামীণ অর্থনীতির একটি গুরুত্বপূর্ণ ভিত্তি হিসেবে টিকে আছে।

Read More

This Is Inline Block Text. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam nulla perspiciatis consequuntur nesciunt quis autem, quos neque quasi veritatis. Natus illum facilis alias, suscipit magni velit consectetur ut recusandae laborum.

This Is Block Text. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam nulla perspiciatis consequuntur nesciunt quis autem, quos neque quasi veritatis. Natus illum facilis alias, suscipit magni velit consectetur ut recusandae laborum.

This Is Inline Text. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam nulla perspiciatis consequuntur nesciunt quis autem, quos neque quasi veritatis. Natus illum facilis alias, suscipit magni velit consectetur ut recusandae laborum.