diff --git a/Web Development/task_1/Ankita/index.css b/Web Development/task_1/Ankita/index.css new file mode 100644 index 00000000..f9a73813 --- /dev/null +++ b/Web Development/task_1/Ankita/index.css @@ -0,0 +1,95 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family:Arial, Helvetica, sans-serif; + } + + .container{ + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; + margin: 40px 20px 0 20px; + } + + .container .heading{ + width: 60%; + padding-bottom: 50px; + } + .container .heading h3{ + font-size: 4em; + font-weight: bolder; + padding-bottom: 10px; + border-bottom: 3px solid rgb(152, 41, 41); + } + + .container .heading h3 span{ + font-weight: 100; + } + .container .box{ + display: flex; + flex-direction: row; + justify-content: space-between; + } + + .container .box .dream{ + display: flex; + flex-direction: column; + width: 35%; + background: scroll; + } + + .container .box .dream img{ + width: 100%; + margin-bottom: 15px; + border-radius: 5px; + } + + .container .btn{ + margin: 40px 0 70px 0; + background: rgb(126, 16, 16); + padding: 15px 40px ; + border-radius: 8px; + } + + .container .btn a{ + color: rgb(55, 3, 25); + font-size: 1.2em; + text-decoration: none; + font-weight: bolder; + letter-spacing: 3px; + } + + @media only screen and (max-width: 769px){ + .container .box{ + flex-direction: column; + } + + .container .box .dream{ + width: 100%; + } + + + + + + } + + @media only screen and (max-width: 643px){ + .container .heading{ + width: 100%; + } + .container .heading h3{ + font-size: 1em; + + } + + + + + + + + } \ No newline at end of file diff --git a/Web Development/task_1/Ankita/index.html b/Web Development/task_1/Ankita/index.html new file mode 100644 index 00000000..15761f54 --- /dev/null +++ b/Web Development/task_1/Ankita/index.html @@ -0,0 +1,47 @@ + + + + PHOTO-GALLERY + + + +
+
+

Photo collection

+
+
+ +
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + +
+ + + + + +
+ + \ No newline at end of file diff --git a/Web Development/task_1/Ankita/photo_2022-04-14_02-11-29.jpg b/Web Development/task_1/Ankita/photo_2022-04-14_02-11-29.jpg new file mode 100644 index 00000000..6ebcbe0c Binary files /dev/null and b/Web Development/task_1/Ankita/photo_2022-04-14_02-11-29.jpg differ