diff --git a/Section B/1905361_prac1_html b/Section B/1905361_prac1_html new file mode 100644 index 0000000..e66b621 --- /dev/null +++ b/Section B/1905361_prac1_html @@ -0,0 +1,20 @@ + + +My first HTML page + + + GNDEC logo +

Welcome to GNDEC

+

Guru Nanak Dev Engineering College, one of the prestigious, oldest and minority institution of Northern India,
+ was established under the aegis of Nankana Sahib Education Trust (NSET) in 1956.

+

+ The College was affiliated with Punjab University, Chandigarh since its inception. On establishment of Punjab Technical + University, Jalandhar, since 1997 the college is affiliated with it, which is now known as I.K.Gujral Punjab Technical + University (IKGPTU). +

+ + +

Link to the GNDEC site is

+ Visit GNDEC official site +
+ diff --git a/Section B/1905361_prac2_html b/Section B/1905361_prac2_html new file mode 100644 index 0000000..edb43e7 --- /dev/null +++ b/Section B/1905361_prac2_html @@ -0,0 +1,47 @@ + + + + +

Details

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameAgeBlog Link
Jill50Jill
Eve94Eve
John80John
Doe40Doe
Jackson60Jackson
Jackson60Smith
+ + + diff --git a/Section B/1905361_prac3_html b/Section B/1905361_prac3_html new file mode 100644 index 0000000..b8d2c73 --- /dev/null +++ b/Section B/1905361_prac3_html @@ -0,0 +1,28 @@ + + + + +

HTML Form

+ +

+ +

+ + + + + +

+ + + +

Gender:

+ +
+ +
+

+ + + + diff --git a/Section B/1905361_prac5_css.css b/Section B/1905361_prac5_css.css new file mode 100644 index 0000000..ee36be9 --- /dev/null +++ b/Section B/1905361_prac5_css.css @@ -0,0 +1,76 @@ +*{ + margin:0; + padding: 0; +} + +body{ + margin: 0; + font-family: Arial, Helvetica, sans-serif; + font-size: 19px; + color:peru; +/* #926239; */ + line-height: 1.6; +} + +#showcase{ + background-image: url("backgrnd.jpg"); + background-size: cover; + background-position: center; + height:100vh; + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; + text-align: center; + padding: 0 20px; +} + +#showcase h1{ + font-size: 50px; + line-height: 1.2; +} +#showcase p{ + font-size: 20px; +} + +#showcase .button{ + font-size: 18px; + text-decoration: none; + color:peru; + border: peru 2px solid; + padding: 10px 20px; + border-radius: 4px; + margin-top: 25px; +} + +#showcase .button:hover{ + background-color: #cd853f; + color:#fff; +} +.section_a{ + padding: 20px; + background: peru; + color:whitesmoke; + text-align: center; +} + +.section_b{ + padding: 20px; + background: #f4f4f4; + text-align: center; +} + +#section_c{ + display: flex; +} +#section_c div{ + padding: 20px; +} + +#section_c .box_1,#section_c .box_3{ + background: peru; + color: whitesmoke; +} +#section_c .box_2{ + background-color: #f9f9f9; +} \ No newline at end of file diff --git a/Section B/1905361_prac5_html.html b/Section B/1905361_prac5_html.html new file mode 100644 index 0000000..45b0362 --- /dev/null +++ b/Section B/1905361_prac5_html.html @@ -0,0 +1,63 @@ + + + + + + + + Practical 5 + + +
+

My Website

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. + Modi officiis ipsum officia numquam expedita ullam

+ Read More +
+
+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit minus impedit maxime, + quae soluta quis cumque perferendis! Doloribus quaerat, placeat iste facere, aspernatur + ex cum veritatis laudantium, officia, non porro exercitationem incidunt quis dolore? + Officia ex accusamus expedita optio, voluptatem minus? In maiores omnis aperiam earum + ab molestiae beatae laborum blanditiis incidunt, delectus dolor, id voluptates optio + aspernatur aliquam saepe atque labore? Tempore reprehenderit ab ipsam perspiciatis ut, + provident perferendis sapiente in numquam blanditiis, enim, illo error nulla incidunt + quos quidem ratione repellat ipsa molestias veritatis? Mollitia, fugit dolore commodi + porro repudiandae atque, eos, ipsum quam culpa fuga deleniti quae. +

+
+ +
+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit minus impedit maxime, + quae soluta quis cumque perferendis! Doloribus quaerat, placeat iste facere, aspernatur + ex cum veritatis laudantium, officia, non porro exercitationem incidunt quis dolore? + Officia ex accusamus expedita optio, voluptatem minus? In maiores omnis aperiam earum + ab molestiae beatae laborum blanditiis incidunt, delectus dolor, id voluptates optio + aspernatur aliquam saepe atque labore? Tempore reprehenderit ab ipsam perspiciatis ut, + provident perferendis sapiente in numquam blanditiis, enim, illo error nulla incidunt + quos quidem ratione repellat ipsa molestias veritatis? Mollitia, fugit dolore commodi + porro repudiandae atque, eos, ipsum quam culpa fuga deleniti quae. +

+
+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. + Modi officiis ipsum officia numquam expedita ullam! +
+
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. + Modi officiis ipsum officia numquam expedita ullam! +
+
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. + Modi officiis ipsum officia numquam expedita ullam! +
+ +
+ + + + \ No newline at end of file diff --git a/Section B/1905361_prac6_html.html b/Section B/1905361_prac6_html.html new file mode 100644 index 0000000..414ff71 --- /dev/null +++ b/Section B/1905361_prac6_html.html @@ -0,0 +1,138 @@ + + + + + + + + + + + Practical 6 + + + + + + + +
+
+
+
+
+ PHP +

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

+ Continue reading +
+ Thumbnail [200x250] +
+
+
+
+
+ JavaScript +

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

+ Continue reading +
+ Thumbnail [200x250] +
+
+
+
+ + + diff --git a/Section B/1905361_prac7_css.css b/Section B/1905361_prac7_css.css new file mode 100644 index 0000000..f7eb436 --- /dev/null +++ b/Section B/1905361_prac7_css.css @@ -0,0 +1,13 @@ +body{ + background:-webkit-linear-gradient(left,#FFC0CB,#C0C0C0); + color:black; +} + +input{ +border-radius:15px; +border-bottom: 2px solid aqua; +height:45px; +width:25%; +color:black; +font-size: 15; +} \ No newline at end of file diff --git a/Section B/1905361_prac7_html.html b/Section B/1905361_prac7_html.html new file mode 100644 index 0000000..ed5cf40 --- /dev/null +++ b/Section B/1905361_prac7_html.html @@ -0,0 +1,25 @@ + + + + +
+
+

Please fill your details and your feedback.


+Name:
+

+Phone number:
+

+Address:
+ +

+E-mail address:
+ +

+Feedback:
+

+  +
+
+ + \ No newline at end of file diff --git a/Section B/1905361_prac7_php.php b/Section B/1905361_prac7_php.php new file mode 100644 index 0000000..7499c25 --- /dev/null +++ b/Section B/1905361_prac7_php.php @@ -0,0 +1,20 @@ + + diff --git a/Section B/backgrnd.jpg b/Section B/backgrnd.jpg new file mode 100644 index 0000000..8f175e7 Binary files /dev/null and b/Section B/backgrnd.jpg differ