diff --git a/Section A/WT Practical 1905316.pdf b/Section A/WT Practical 1905316.pdf new file mode 100644 index 0000000..8c34538 Binary files /dev/null and b/Section A/WT Practical 1905316.pdf differ diff --git a/Section A/WTPractical 1905316/Practical1 1905316.html b/Section A/WTPractical 1905316/Practical1 1905316.html new file mode 100644 index 0000000..7ace195 --- /dev/null +++ b/Section A/WTPractical 1905316/Practical1 1905316.html @@ -0,0 +1,18 @@ + + + + + + + Practical 1 + + +

Guru Nanak Dev Engineering College

+

Ludhiana - 141006

+ + gndec + +

Lorem ipsum dolor sit amet consectetur adipisicing elit. Nisi autem accusantium incidunt cum eius nam saepe aliquid explicabo voluptatem ad earum est neque consequatur, quasi perspiciatis nihil magni, ipsa illo!

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos, voluptatibus! + + \ No newline at end of file diff --git a/Section A/WTPractical 1905316/Practical2 1905316.html b/Section A/WTPractical 1905316/Practical2 1905316.html new file mode 100644 index 0000000..3244bac --- /dev/null +++ b/Section A/WTPractical 1905316/Practical2 1905316.html @@ -0,0 +1,60 @@ + + + + + + + Practical 2 + + + + +

Tables

+
+ + + + + + + + + + + + + + + + + + + + + +
CompanyContactCountry
Alfreds FutterkisteMaria AndersGermany
Centro comercial MoctezumaFrancisco ChangMexico
Ernst HandelRoland MendelAustria
+
    +
  1. Company
    2. +
  2. Contact
    3. +
  3. Country
    4. +
+ + + \ No newline at end of file diff --git a/Section A/WTPractical 1905316/Practical3 1905316.html b/Section A/WTPractical 1905316/Practical3 1905316.html new file mode 100644 index 0000000..ed6e1f2 --- /dev/null +++ b/Section A/WTPractical 1905316/Practical3 1905316.html @@ -0,0 +1,33 @@ + + + + + + + Practical 3 + + +
+
+

Information

+

Email: +

+

Username:

+

Gender: + +

+

+ Address: +
+ +

+
+
+ +
+ + \ No newline at end of file diff --git a/Section A/WTPractical 1905316/Practical4 1905316.html b/Section A/WTPractical 1905316/Practical4 1905316.html new file mode 100644 index 0000000..627923a --- /dev/null +++ b/Section A/WTPractical 1905316/Practical4 1905316.html @@ -0,0 +1,53 @@ + + + + + + + + Practical 4 + + + +

Use of Cascading Style Sheets (CSS)

+
+ Inline,Internal & External CSS +
+
+ Inline CSS An inline style may be used to apply a unique style for a + single element. To use inline styles, add the style attribute to the + relevant element. The style attribute can contain any CSS property. +
+ +
+ Internal CSS An internal style sheet may be used if one single HTML page + has a unique style. The internal style is defined inside the style element, inside the head section. +
+
+External CSS With an external style sheet, you can change the look of an +entire website by changing just one file! Each HTML page must include a +reference to the external style sheet file inside the element, +inside the head section. +
+ + \ No newline at end of file diff --git a/Section A/WTPractical 1905316/Practical4.css b/Section A/WTPractical 1905316/Practical4.css new file mode 100644 index 0000000..2c4a572 --- /dev/null +++ b/Section A/WTPractical 1905316/Practical4.css @@ -0,0 +1,9 @@ +.external { + margin: 20px 50px; + background-color: #fea82f; + color: #02475e; + font-weight: 500; + font-family: "Arial Narrow Bold", sans-serif; + padding: 30px; + border-radius: 20px; + } \ No newline at end of file diff --git a/Section A/WTPractical 1905316/Practical5 1905316.html b/Section A/WTPractical 1905316/Practical5 1905316.html new file mode 100644 index 0000000..f7e04c0 --- /dev/null +++ b/Section A/WTPractical 1905316/Practical5 1905316.html @@ -0,0 +1,53 @@ + + + + + + + + Practical 5 + + +
+ + +
+ + +
+ + + +
+ + +
+ Headphones +

Beats EP

+

The preferred choice of a vast range of acclaimed DJs. Punchy, bass-focused sound and high isolation. Sturdy headband and on-ear cushions suitable for live performance

+
+ + +
+ +
+ Cable configuration + +
+ + + +
+ + How to configurate your headphones +
+
+
+ 148$ + Add to cart +
+
+
+ + \ No newline at end of file diff --git a/Section A/WTPractical 1905316/Practical5.css b/Section A/WTPractical 1905316/Practical5.css new file mode 100644 index 0000000..612e3d9 --- /dev/null +++ b/Section A/WTPractical 1905316/Practical5.css @@ -0,0 +1,107 @@ +html, body { + height: 100%; + width: 100%; + margin: 0; + font-family: 'Roboto', sans-serif; + } + .container { + max-width: 1200px; + margin: 0 auto; + padding: 15px; + display: flex; + } + .left-column { + width: 65%; + position: relative; + } + .right-column { + width: 35%; + margin-top: 60px; + } + .left-column img { + width: 100%; + position: absolute; + left: 0; + top: 0; + transition: all 0.3s ease; + } + .left-column img.active { + opacity: 1; + } + .product-description { + border-bottom: 1px solid #E1E8EE; + margin-bottom: 20px; + } + .product-description span { + font-size: 12px; + color: #358ED7; + letter-spacing: 1px; + text-transform: uppercase; + text-decoration: none; + } + .product-description h1 { + font-weight: 300; + font-size: 52px; + color: #43484D; + letter-spacing: -2px; + } + .product-description p { + font-size: 16px; + font-weight: 300; + color: #86939E; + line-height: 24px; + } + .cable-choose { + margin-bottom: 20px; + } + .cable-choose button { + border: 2px solid #E1E8EE; + border-radius: 6px; + padding: 13px 20px; + font-size: 14px; + color: #5E6977; + background-color: #fff; + cursor: pointer; + transition: all .5s; + } + .cable-choose button:hover, + .cable-choose button:active, + .cable-choose button:focus { + border: 2px solid #86939E; + outline: none; + } + .cable-config { + border-bottom: 1px solid #E1E8EE; + margin-bottom: 20px; + } + .cable-config a { + color: #358ED7; + text-decoration: none; + font-size: 12px; + position: relative; + margin: 10px 0; + display: inline-block; + } + .product-price { + display: flex; + align-items: center; + } + .product-price span { + font-size: 26px; + font-weight: 300; + color: #43474D; + margin-right: 20px; + } + .cart-btn { + display: inline-block; + background-color: #7DC855; + border-radius: 6px; + font-size: 16px; + color: #FFFFFF; + text-decoration: none; + padding: 12px 30px; + transition: all .5s; + } + .cart-btn:hover { + background-color: #64af3d; + } diff --git a/Section A/WTPractical 1905316/Practical6 1905316.html b/Section A/WTPractical 1905316/Practical6 1905316.html new file mode 100644 index 0000000..8ba561b --- /dev/null +++ b/Section A/WTPractical 1905316/Practical6 1905316.html @@ -0,0 +1,46 @@ + + + + + + + + + Practical 6 + + + +
+

Sign Up

+
+ + + + + + + + +
+
+ +
+ + \ No newline at end of file diff --git a/Section A/WTPractical 1905316/Practical7 1905316.php b/Section A/WTPractical 1905316/Practical7 1905316.php new file mode 100644 index 0000000..3d2ed32 --- /dev/null +++ b/Section A/WTPractical 1905316/Practical7 1905316.php @@ -0,0 +1,48 @@ + + + + + + + + +
"> +

Sign Up

+
+ + + + + + +
+
+ +
+ +Your Input:"; +echo $name; +echo "
"; +echo $email; +echo "
"; +echo $message; +?> + + \ No newline at end of file