diff --git a/Sample Designs/13.png b/Sample Designs/13.png index 48fd523..eb2d8fa 100644 Binary files a/Sample Designs/13.png and b/Sample Designs/13.png differ diff --git a/SubmittedAssignments/Supriya_Gunjal/01_Card_TopImage/img/1.jpg b/SubmittedAssignments/Supriya_Gunjal/01_Card_TopImage/img/1.jpg new file mode 100644 index 0000000..80a93dc Binary files /dev/null and b/SubmittedAssignments/Supriya_Gunjal/01_Card_TopImage/img/1.jpg differ diff --git a/SubmittedAssignments/Supriya_Gunjal/01_Card_TopImage/index.html b/SubmittedAssignments/Supriya_Gunjal/01_Card_TopImage/index.html new file mode 100644 index 0000000..3f64453 --- /dev/null +++ b/SubmittedAssignments/Supriya_Gunjal/01_Card_TopImage/index.html @@ -0,0 +1,75 @@ + + + + +
+ + Placeholder image + + +
+ Featured +
+ +
+ +
Marketing Business
+
online
+ +
+

Marketing is the process of getting people interested in your company's product or service.

+ +
+ + + + +

Last updated 3 mins ago

+ +
+ + + +
+ +
+ + Facebook + + + + + Twitter + + + + LinkedIn + + +
+ + +
+ + Facebook + + + + Twitter + + + + LinkedIn + + +
+
+
+ 2 days ago +
+
\ No newline at end of file diff --git a/SubmittedAssignments/Supriya_Gunjal/01_Card_TopImage/sample.jpg b/SubmittedAssignments/Supriya_Gunjal/01_Card_TopImage/sample.jpg new file mode 100644 index 0000000..1333520 Binary files /dev/null and b/SubmittedAssignments/Supriya_Gunjal/01_Card_TopImage/sample.jpg differ diff --git a/SubmittedAssignments/Supriya_Gunjal/02_Card_BottomImage/img/1.jpg b/SubmittedAssignments/Supriya_Gunjal/02_Card_BottomImage/img/1.jpg new file mode 100644 index 0000000..2bcd033 Binary files /dev/null and b/SubmittedAssignments/Supriya_Gunjal/02_Card_BottomImage/img/1.jpg differ diff --git a/SubmittedAssignments/Supriya_Gunjal/02_Card_BottomImage/index.html b/SubmittedAssignments/Supriya_Gunjal/02_Card_BottomImage/index.html new file mode 100644 index 0000000..986231c --- /dev/null +++ b/SubmittedAssignments/Supriya_Gunjal/02_Card_BottomImage/index.html @@ -0,0 +1,74 @@ + + + + +
+ + +
+ +
+ +
+ +
Plant Image
+ +
+

Try to avoid photographing when there is strong light behind the plants or at night..

+ avg two to five years. +
+ +

Last updated 3 mins ago

+ +
+ + + +
+ + +
+ + Facebook + + + + Twitter + + + + LinkedIn + + +
+ + +
+ + Facebook + + + + Twitter + + + + LinkedIn + + +
+
+ +
+ RS.50 +
+ + + Placeholder image + +
diff --git a/SubmittedAssignments/Supriya_Gunjal/02_Card_BottomImage/sample.jpg b/SubmittedAssignments/Supriya_Gunjal/02_Card_BottomImage/sample.jpg new file mode 100644 index 0000000..7ef9ae5 Binary files /dev/null and b/SubmittedAssignments/Supriya_Gunjal/02_Card_BottomImage/sample.jpg differ diff --git a/SubmittedAssignments/Supriya_Gunjal/03_Card_LeftImage/img/1.jpg b/SubmittedAssignments/Supriya_Gunjal/03_Card_LeftImage/img/1.jpg new file mode 100644 index 0000000..5b449a4 Binary files /dev/null and b/SubmittedAssignments/Supriya_Gunjal/03_Card_LeftImage/img/1.jpg differ diff --git a/SubmittedAssignments/Supriya_Gunjal/03_Card_LeftImage/index.html b/SubmittedAssignments/Supriya_Gunjal/03_Card_LeftImage/index.html new file mode 100644 index 0000000..765e63c --- /dev/null +++ b/SubmittedAssignments/Supriya_Gunjal/03_Card_LeftImage/index.html @@ -0,0 +1,74 @@ + + + + +
+
+ +
+ Placeholder image +
+ + +
+ +
+ +
Card title
+ +
+

Cats have very sweet features. +

+

It has two beautiful eyes, adorably tiny paws, sharp claws, and two perky ears which are very sensitive to sounds. +

+
+ +

Last updated 3 mins ago

+ +
+ +
    +
  • An item
    • +
  • A second item
    • +
  • A third item
    • +
+ +
+ + +
+ + Facebook + + + + Twitter + + + + LinkedIn + + +
+ + +
+ + Read More + + + + Twitter + + + + LinkedIn + + +
+
+
+ +
+
\ No newline at end of file diff --git a/SubmittedAssignments/Supriya_Gunjal/03_Card_LeftImage/sample.jpg b/SubmittedAssignments/Supriya_Gunjal/03_Card_LeftImage/sample.jpg new file mode 100644 index 0000000..77b6061 Binary files /dev/null and b/SubmittedAssignments/Supriya_Gunjal/03_Card_LeftImage/sample.jpg differ diff --git a/SubmittedAssignments/Supriya_Gunjal/04_Card_RightImage/img/1.jpg b/SubmittedAssignments/Supriya_Gunjal/04_Card_RightImage/img/1.jpg new file mode 100644 index 0000000..9826f03 Binary files /dev/null and b/SubmittedAssignments/Supriya_Gunjal/04_Card_RightImage/img/1.jpg differ diff --git a/SubmittedAssignments/Supriya_Gunjal/04_Card_RightImage/index.html b/SubmittedAssignments/Supriya_Gunjal/04_Card_RightImage/index.html new file mode 100644 index 0000000..af9a864 --- /dev/null +++ b/SubmittedAssignments/Supriya_Gunjal/04_Card_RightImage/index.html @@ -0,0 +1,73 @@ + + + + +
+
+ +
+ +
+ +
world
+

Software engineers

+
Nov 12
+ +
+

Software engineers apply engineering principles and knowledge of programming languages to build software solutions for end users. +

+ +
+ +

Last updated 3 mins ago

+ +
+ +
    +
  • An item
    • +
  • A second item
    • +
  • A third item
    • +
+ +
+ + +
+ + Facebook + + + + Twitter + + + + LinkedIn + + +
+ + +
+ + continue reading + + + + Twitter + + + + LinkedIn + + +
+
+
+ +
+ Placeholder image +
+
+
\ No newline at end of file diff --git a/SubmittedAssignments/Supriya_Gunjal/04_Card_RightImage/sample.jpg b/SubmittedAssignments/Supriya_Gunjal/04_Card_RightImage/sample.jpg new file mode 100644 index 0000000..7dd8333 Binary files /dev/null and b/SubmittedAssignments/Supriya_Gunjal/04_Card_RightImage/sample.jpg differ diff --git a/SubmittedAssignments/Supriya_Gunjal/05_CardsSection_Top/img/1.jpg b/SubmittedAssignments/Supriya_Gunjal/05_CardsSection_Top/img/1.jpg new file mode 100644 index 0000000..c630966 Binary files /dev/null and b/SubmittedAssignments/Supriya_Gunjal/05_CardsSection_Top/img/1.jpg differ diff --git a/SubmittedAssignments/Supriya_Gunjal/05_CardsSection_Top/img/2.jpg b/SubmittedAssignments/Supriya_Gunjal/05_CardsSection_Top/img/2.jpg new file mode 100644 index 0000000..149cc98 Binary files /dev/null and b/SubmittedAssignments/Supriya_Gunjal/05_CardsSection_Top/img/2.jpg differ diff --git a/SubmittedAssignments/Supriya_Gunjal/05_CardsSection_Top/img/3.jpg b/SubmittedAssignments/Supriya_Gunjal/05_CardsSection_Top/img/3.jpg new file mode 100644 index 0000000..706a6d7 Binary files /dev/null and b/SubmittedAssignments/Supriya_Gunjal/05_CardsSection_Top/img/3.jpg differ diff --git a/SubmittedAssignments/Supriya_Gunjal/05_CardsSection_Top/index.html b/SubmittedAssignments/Supriya_Gunjal/05_CardsSection_Top/index.html new file mode 100644 index 0000000..a2caf35 --- /dev/null +++ b/SubmittedAssignments/Supriya_Gunjal/05_CardsSection_Top/index.html @@ -0,0 +1,63 @@ + + + +
+
+
+
+
+ Placeholder image +
+

Fully Responsive

+
+

One disadvantage of Lorum Ipsum is that in certain letters which is said more than.

+
+
+ +
+
+
+
+
+
+ Placeholder image +
+

Fresh Layouts

+
+

The most well-known dummy text is the 'Lorem', which well-known is said which is said. +

+
+
+ +
+
+
+
+
+
+ Placeholder image +
+

Modern Workflow

+
+

Moreover, in Latin only words at the beginning of sentences which is said are + capitalized.

+
+
+ +
+
+
+
+
+ +

Template Features

+

+
+

Ut enim ad minima veniam quis nostrum exercitationem ullam corporis suscipit laboriosam nisi commodi + consequatur.

+
+ +
+
+ diff --git a/SubmittedAssignments/Supriya_Gunjal/05_CardsSection_Top/sample.jpg b/SubmittedAssignments/Supriya_Gunjal/05_CardsSection_Top/sample.jpg new file mode 100644 index 0000000..0b815b7 Binary files /dev/null and b/SubmittedAssignments/Supriya_Gunjal/05_CardsSection_Top/sample.jpg differ diff --git a/SubmittedAssignments/Supriya_Gunjal/05_CardsSection_Top/style.css b/SubmittedAssignments/Supriya_Gunjal/05_CardsSection_Top/style.css new file mode 100644 index 0000000..f51fabe --- /dev/null +++ b/SubmittedAssignments/Supriya_Gunjal/05_CardsSection_Top/style.css @@ -0,0 +1,12 @@ + \ No newline at end of file diff --git a/SubmittedAssignments/Supriya_Gunjal/06_CardsSection_Bottom/img/1.jpg b/SubmittedAssignments/Supriya_Gunjal/06_CardsSection_Bottom/img/1.jpg new file mode 100644 index 0000000..6440136 Binary files /dev/null and b/SubmittedAssignments/Supriya_Gunjal/06_CardsSection_Bottom/img/1.jpg differ diff --git a/SubmittedAssignments/Supriya_Gunjal/06_CardsSection_Bottom/img/2.jpg b/SubmittedAssignments/Supriya_Gunjal/06_CardsSection_Bottom/img/2.jpg new file mode 100644 index 0000000..540a8b5 Binary files /dev/null and b/SubmittedAssignments/Supriya_Gunjal/06_CardsSection_Bottom/img/2.jpg differ diff --git a/SubmittedAssignments/Supriya_Gunjal/06_CardsSection_Bottom/img/3.jpg b/SubmittedAssignments/Supriya_Gunjal/06_CardsSection_Bottom/img/3.jpg new file mode 100644 index 0000000..bc7ec38 Binary files /dev/null and b/SubmittedAssignments/Supriya_Gunjal/06_CardsSection_Bottom/img/3.jpg differ diff --git a/SubmittedAssignments/Supriya_Gunjal/06_CardsSection_Bottom/index.html b/SubmittedAssignments/Supriya_Gunjal/06_CardsSection_Bottom/index.html new file mode 100644 index 0000000..73f0cd8 --- /dev/null +++ b/SubmittedAssignments/Supriya_Gunjal/06_CardsSection_Bottom/index.html @@ -0,0 +1,66 @@ + + + + +
+
+ +

Template Features

+

Related Courses

+
+

Ut enim ad minima veniam quis nostrum exercitationem ullam corporis suscipit laboriosam nisi commodi + consequatur.

+
+ +
+
+
+ Placeholder image +
+

Fully Responsive

+
+

Confronting Suicidal Ideation and High Risk Behaviour.

+ +
+
+ +
+
+
+
+
+
+ Placeholder image +
+

Fresh Layouts

+
+

Assessing and Treating Adolescents with High-Risk Behaviours. +

+ +
+
+ +
+
+
+
+
+
+ Placeholder image +
+

Modern Workflow

+
+

Healing Traumatized Youth: Somatic and Expressive Methods for Affect Regulation.

+ +
+
+ +
+
+
+
+
+ +
+
\ No newline at end of file diff --git a/SubmittedAssignments/Supriya_Gunjal/06_CardsSection_Bottom/sample.jpg b/SubmittedAssignments/Supriya_Gunjal/06_CardsSection_Bottom/sample.jpg new file mode 100644 index 0000000..5a0c0cf Binary files /dev/null and b/SubmittedAssignments/Supriya_Gunjal/06_CardsSection_Bottom/sample.jpg differ diff --git a/SubmittedAssignments/Supriya_Gunjal/06_CardsSection_Bottom/style.css b/SubmittedAssignments/Supriya_Gunjal/06_CardsSection_Bottom/style.css new file mode 100644 index 0000000..f8b0cfd --- /dev/null +++ b/SubmittedAssignments/Supriya_Gunjal/06_CardsSection_Bottom/style.css @@ -0,0 +1,10 @@ +.card img{ +transition:all 0.2s; +border-radius:; +box-shadow:0px 10px rgba(0 0 0 0.0); +} +.card:hover img{ +transform :scale(1.05); +box-shadow:0px 0px rgba(0 0 0 0.0); +flex-grow: 7; +} \ No newline at end of file diff --git a/SubmittedAssignments/Supriya_Gunjal/07_CardsSection_Left/Sample.jpg b/SubmittedAssignments/Supriya_Gunjal/07_CardsSection_Left/Sample.jpg new file mode 100644 index 0000000..be2daf4 Binary files /dev/null and b/SubmittedAssignments/Supriya_Gunjal/07_CardsSection_Left/Sample.jpg differ diff --git a/SubmittedAssignments/Supriya_Gunjal/07_CardsSection_Left/img/1.jpg b/SubmittedAssignments/Supriya_Gunjal/07_CardsSection_Left/img/1.jpg new file mode 100644 index 0000000..fad5eca Binary files /dev/null and b/SubmittedAssignments/Supriya_Gunjal/07_CardsSection_Left/img/1.jpg differ diff --git a/SubmittedAssignments/Supriya_Gunjal/07_CardsSection_Left/img/2.jpg b/SubmittedAssignments/Supriya_Gunjal/07_CardsSection_Left/img/2.jpg new file mode 100644 index 0000000..1072ffb Binary files /dev/null and b/SubmittedAssignments/Supriya_Gunjal/07_CardsSection_Left/img/2.jpg differ diff --git a/SubmittedAssignments/Supriya_Gunjal/07_CardsSection_Left/img/3.jpg b/SubmittedAssignments/Supriya_Gunjal/07_CardsSection_Left/img/3.jpg new file mode 100644 index 0000000..a1ec415 Binary files /dev/null and b/SubmittedAssignments/Supriya_Gunjal/07_CardsSection_Left/img/3.jpg differ diff --git a/SubmittedAssignments/Supriya_Gunjal/07_CardsSection_Left/index.html b/SubmittedAssignments/Supriya_Gunjal/07_CardsSection_Left/index.html new file mode 100644 index 0000000..c527781 --- /dev/null +++ b/SubmittedAssignments/Supriya_Gunjal/07_CardsSection_Left/index.html @@ -0,0 +1,92 @@ + + + + +
+
+ +
+
+

Template Features

+ +
+

Ut enim ad minima veniam quis nostrum exercitationem ullam corporis suscipit laboriosam nisi + commodi + consequatur.

+
+
+
+
+
+
+ Placeholder image + + Quick View + +
+
A.T.U.N ALL THINGS UBER NICE
+

Girls A-Line Dress

+ +

₹799 ₹2,999(73% OFF)

+

offer price ₹555

+
+

One disadvantage of Lorum Ipsum is that in certain letters which is said more + than.

+
+
+ +
+
+
+
+
+
+ Placeholder image + + Quick View + +
+
A.T.U.N ALL THINGS UBER NICE
+

Girls A-Line Dress

+ +

₹799 ₹2,999(73% OFF)

+

offer price ₹555

+
+

The most well-known dummy text is the 'Lorem', which well-known is said which is + said. +

+
+
+ +
+
+
+
+
+
+ Placeholder image + + Quick View + +
+
A.T.U.N ALL THINGS UBER NICE
+

Girls A-Line Dress

+ +

₹799 ₹2,999(73% OFF)

+

offer price ₹555

+
+

Moreover, in Latin only words at the beginning of sentences which is said are + capitalized.

+
+
+ +
+
+
+
+
+
+
+
+
\ No newline at end of file diff --git a/SubmittedAssignments/Supriya_Gunjal/07_CardsSection_Left/style.css b/SubmittedAssignments/Supriya_Gunjal/07_CardsSection_Left/style.css new file mode 100644 index 0000000..f6ed852 --- /dev/null +++ b/SubmittedAssignments/Supriya_Gunjal/07_CardsSection_Left/style.css @@ -0,0 +1,29 @@ +.overlay { + position: absolute; + top: 169px; + bottom: 0; + left: 0px; + right: 0; + width: 100%; + height: 10%; + opacity: 0; + transition: .5s ease; + background-color: #F5F5F5; +} + +.card:hover .overlay { + opacity: 1; +} + +.text { + color: #757575; + font-size: 15px; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + text-align: center; +} + \ No newline at end of file diff --git a/SubmittedAssignments/Supriya_Gunjal/08_CardsSection_Right/img/1.jpg b/SubmittedAssignments/Supriya_Gunjal/08_CardsSection_Right/img/1.jpg new file mode 100644 index 0000000..5f535c9 Binary files /dev/null and b/SubmittedAssignments/Supriya_Gunjal/08_CardsSection_Right/img/1.jpg differ diff --git a/SubmittedAssignments/Supriya_Gunjal/08_CardsSection_Right/img/2.jpg b/SubmittedAssignments/Supriya_Gunjal/08_CardsSection_Right/img/2.jpg new file mode 100644 index 0000000..f8c03fe Binary files /dev/null and b/SubmittedAssignments/Supriya_Gunjal/08_CardsSection_Right/img/2.jpg differ diff --git a/SubmittedAssignments/Supriya_Gunjal/08_CardsSection_Right/img/3.jpg b/SubmittedAssignments/Supriya_Gunjal/08_CardsSection_Right/img/3.jpg new file mode 100644 index 0000000..6c15b27 Binary files /dev/null and b/SubmittedAssignments/Supriya_Gunjal/08_CardsSection_Right/img/3.jpg differ diff --git a/SubmittedAssignments/Supriya_Gunjal/08_CardsSection_Right/index.html b/SubmittedAssignments/Supriya_Gunjal/08_CardsSection_Right/index.html new file mode 100644 index 0000000..cce636a --- /dev/null +++ b/SubmittedAssignments/Supriya_Gunjal/08_CardsSection_Right/index.html @@ -0,0 +1,87 @@ + + + + +
+
+ +
+
+
+
+
+ Placeholder image + + ADD TO CARD + + + IPHONE11 +
+
$957
+ +
+

One disadvantage of Lorum Ipsum is that in certain letters which is said more + than.

+
+
+ +
+
+
+
+
+
+ Placeholder image + + ADD TO CARD + + IPHONE10 +
+
$1100
+
+

The most well-known dummy text is the 'Lorem', which well-known is said which is + said. +

+
+
+ +
+
+
+
+
+
+ Placeholder image + + ADD TO CARD + + IPHONE9 +
+
$780
+ +
+

Moreover, in Latin only words at the beginning of sentences which is said are + capitalized.

+
+
+ +
+
+
+
+
+
+
+

Template Features

+ +
+

Ut enim ad minima veniam quis nostrum exercitationem ullam corporis suscipit laboriosam nisi + commodi + consequatur.

+
+
+ +
+
+
\ No newline at end of file diff --git a/SubmittedAssignments/Supriya_Gunjal/08_CardsSection_Right/sample.jpg b/SubmittedAssignments/Supriya_Gunjal/08_CardsSection_Right/sample.jpg new file mode 100644 index 0000000..0b1d07b Binary files /dev/null and b/SubmittedAssignments/Supriya_Gunjal/08_CardsSection_Right/sample.jpg differ diff --git a/SubmittedAssignments/Supriya_Gunjal/08_CardsSection_Right/style.css b/SubmittedAssignments/Supriya_Gunjal/08_CardsSection_Right/style.css new file mode 100644 index 0000000..8a7d3a1 --- /dev/null +++ b/SubmittedAssignments/Supriya_Gunjal/08_CardsSection_Right/style.css @@ -0,0 +1,29 @@ +.btn +{ +--bs-btn-hover-bg: lightskyblue; +} + + +.card-body { +position: absolute; + left: 89px; + top: 209px; + color: lightskyblue; +} + +.overlay { + position: absolute; + top: 148px; + bottom: 0; + left: 6px; + right: 0; + width: 100%; + height: 10%; + opacity: 0; + transition: .5s ease; + background-color: #F5F5F5; +} + +.card:hover .overlay { + opacity: 1; +} \ No newline at end of file