Hanit-Karwal · davinder22133 · May 8, 2021 · May 18, 2021 · May 18, 2021 · May 18, 2021
diff --git a/1905321_Practical 1 b/1905321_Practical 1
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>First Practical</title>
+</style>
+<body style="background-color: #050504">
+<h1 style="color: #ffffff;text-align: center; font-size: 50px; font-family:
+Helvetica;"><b>This is our first practical.</b></h1>
+<h2 style="color: #ffffff;text-align: center; font-size: 50px; font-family:
+Helvetica;">CARS WALPAPERS WEBPAGE.</h2>
+<img
+src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fts
+e1.mm.bing.net%2Fth%3Fid%3DOIP.Cs4fei7P2Qj4OZ3ZsnFcRgHaEK%26pi
+d%3DApi%26h%3D160&f=1" alt="car walpapers" width="150"
+height="150">
+<img
+src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fts
+e1.mm.bing.net%2Fth%3Fid%3DOIP.a-vvsNtjZLD7ejszkZyMHwHaEo%26pi
+d%3DApi&f=1 width150" height="150">
+<img
+src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fts
+e1.mm.bing.net%2Fth%3Fid%3DOIP.E4JAqNh5GN-IPDQAa9YLswHaE8%26
+pid%3DApi&f=1" width="150" height="150">
+<img
+src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fts
+e2.mm.bing.net%2Fth%3Fid%3DOIP.e5gQH3miiJn6reT5tvxcwQHaEZ%26pi
+d%3DApi&f=1" width="150" height="150">
+<img
+src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fts
+e3.mm.bing.net%2Fth%3Fid%3DOIP.-QaqZsptAYfnJgu23aUUggHaEK%26pi
+d%3DApi&f=1" width="150" height="150">
+<img
+src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fts
+e4.mm.bing.net%2Fth%3Fid%3DOIP.G2CIyoH7Snec_PsF1Iu_0gHaEo%26pi
+d%3DApi&f=1" width="150" height="150">
+<p style="color: #ffffff;">In this Webpage you can access different
+websites in which you can download Car Walpapers For Free. We Provide
+The Links to These Websites Given Below:</p>
+<a href="https://wallpapercave.com/w/ojycKEO" style="color:
+#ffffff;">WEBSITE 1</a>
+<a href="https://wallpaper-mania.com/post/wallpaper-id-77700072335/"
+style="color: #ffffff; padding-left: 100px;">WEBSITE 2</a>
+<a href="https://github.com/davinder22133" style="margin-left: 200px;
+color: #ffffff;">About Us</a>
+</body>
+</head>
+</html>
diff --git a/1905321_Practical 2 b/1905321_Practical 2
@@ -0,0 +1,61 @@
+: <!DOCTYPE html>
+<html>
+<head>
+<style>
+table {
+font-family: arial;
+border-collapse: collapse;
+width: 100%;
+}
+td, th {
+border: 1px solid #020202;
+text-align: left;
+padding: 10px;
+}
+</style>
+</head>
+<body style="background-color: #ff5c5c;">
+<table>
+<tr>
+<th>CARS NAME</th>
+<th>PRICE LIST</th>
+<th>SHOWROOM ADDRESS</th>
+</tr>
+<tr>
+<th> BMW</th>
+<th>Starting 37.90 Lakhs</th>
+<th>New Haibowal, Ludhiana.</th>
+</tr>
+<tr>
+<th>Mercedes</th>
+<th> Starting 20.6 Lakhs</th>
+<th> Model Town, Ludhiana.</th>
+</tr>
+<tr>
+<th>Jaguar</th>
+<th>Starting 15.8 Lakhs</th>
+<th>Sanhewal, Ludhiana.</th>
+</tr>
+</table>
+<img src="https://external-content.duckduckgo.com/iu/?u=https%3
+A%2F%2Ftse1.mm.bing.net%2Fth%3Fid%3DOIP.vLrSrFaOvC8g8
+mNuKOT63QHaEA%26pid%3DApi&f=1" width="150"
+height="150" style="padding-left: 180px;">
+<img
+src="https://external-content.duckduckgo.com/iu/?u=https%3
+A%2F%2Ftse2.mm.bing.net%2Fth%3Fid%3DOIP.x5UNf1JMgwUd
+wAV87pOmcQHaFX%26pid%3DApi&f=1" width="150"
+height="150">
+<img
+src="https://external-content.duckduckgo.com/iu/?u=https%3
+A%2F%2Ftse3.mm.bing.net%2Fth%3Fid%3DOIP.dQx0euHjhwwz
+VRlrSMKYGQHaEK%26pid%3DApi&f=1" width="150"
+height="150"><br>
+<a href="https://www.bmw.in/en/index.html">Link To BMW
+Car Website.</a><br>
+<a href="https://www.mercedes-benz.co.in/">Link To
+Mercedes Car Website.</a><br>
+<a href="https://www.jaguar.in/index.html">Link To Jaguar Car
+Website.</a>
+</body>
+</html>
diff --git a/1905321_Practical 3 b/1905321_Practical 3
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="en-us">
+<head>
+<title>Resume Forms</title>
+<style>
+body {
+background-color: #d9a6f7;
+}
+</style>
+</head>
+<body>
+<h1 style="color:#0f0f0f; font-family: Lato;"><center><b>FILL
+DETAILS FOR JOB APPLICATION.</b></center>
+</h1>
+<form action="" method="post">
+<form action="/action_page.php">
+<label for="fname" style="margin-left: 150px;" >First name :
+</label>
+<input type="text" id="fname" name="fname"
+value="" ><br><br>
+<label for="lname" style="margin-left: 150px;">Last name :
+</label>
+<input type="text" id="lname" name="lname" value="" ><br><br>
+<label for="email" style="margin-left: 150px;">Email : </label>
+<input type="text" id="email" name="email" value=""><br><br>
+<label for="cont" style="margin-left: 150px;">Contact No. :
+</label>
+<input type="text" id="cont" name="cont" value=""><br><br>
+<label for="gender" style="margin-left: 150px;">Gender : </label>
+<input type="text" id="gender" name="gender"
+value=""><br><br>
+<label for="loc" style="margin-left: 150px;">Location : </label>
+<input type="text" id="loc" name="loc" value=""><br><br>
+<label for="lname" style="margin-left: 150px;">Designation :
+</label>
+<input type="text" id="des" name="des" value=""><br><br>
+<label for="exp" style="margin-left: 150px;">Experience:</label>
+<input type="text" id="exp" name="exp" value=""><br><br>
+<input type="submit" value="Submit" style="margin-left:
+150px;"><br><br><br><br>
+</form>
+<p align="center"><b>Thanks For Filling Details.</b></p>
+</body>
+</html>
diff --git a/1905321_Practical 4 b/1905321_Practical 4
@@ -0,0 +1,39 @@
+ <!DOCTYPE html>
+<html lang="en-us">
+<head>
+<link rel="stylesheet" type="text/css" href="css/fourthh.css" >
+<title>Types Of CSS</title>
+<style >
+body{
+background-color: #ff3d3d;
+}
+</style>
+</head>
+<body>
+<h1 style="font-family: serif;">USING DIFFERENT FORMS OF
+CSS(Inline,Internal,External)</h1>
+<p>I Am Davinder kumar (CRN 1921022,URN 1905321) Studied At GNDEC Ludhiana
+In BTech 4th
+Sem IT.</p>
+<a href="https://github.com/davinder22133" style="margin-left: 50px;color:
+#000000; font-size:
+20px;">My Github Profile Link</a>
+<h2>How I Learn My Web Technologies Languages (HTML and CSS)</h2>
+<p>I Am Learn HTML and CSS course From Udemy Course.The Link To This Course
+Is Provided
+Given Below. It Is A Paid Course. I Am Purchase On Sales Days On Udemy About Rs
+455.
+It Is A Best Course For Starting HTML and CSS.</p>
+<a
+href="https://www.udemy.com/course/design-and-develop-a-killer-website-withhtml5-and-css3/"
+style="color: #000000;margin-left: 50px; font-size: 20px;">Link to Udemy
+Course</a>
+</body>
+</html>
+fourthh.css (External CSS file)
+p{
+background-color: #000000;
+font-family: Times New Roman;
+font-size: 20px;
+color: #ffff;
+}
diff --git a/1905321_Practical 5 b/1905321_Practical 5
@@ -0,0 +1,57 @@
+fifth.html (HTML file)
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<link rel="stylesheet" type="text/css" href="css/fifth.css" >
+<title>OMNIFOODS</title>
+</head>
+<body>
+<h1>Goodbye junk food. <br />Hello super healthy meals.</h1>
+<a class="btn btn-full" href="https://www.zomato.com/india" >ORDER FOOD
+FROM ZOMATO</a>
+<a class="btn btn-ghost"
+href="https://www.healthline.com/nutrition/50-super-healthy-foods">HEALTHY
+FOOD
+EXAPMPLES.</a>
+</body>
+</html>
+Fifth.css(CSS file)
+{
+margin: 0;
+padding: 0;
+box-sizing: border-box;
+}
+h1 {
+color: #ffff;
+font-family: "Lato", "Arial", "san-serif";
+font-size: 50px;
+font-weight: 300;
+margin-left: 50px;
+text-rendering: optimizeLegibility;
+}
+body{
+background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
+url("images/hero.jpg");
+background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
+url("images/hero.jpg");
+height: 100vh;
+background-size: cover;
+background-position: center;
+background-attachment: fixed;
+}
+a:link,
+a:visited{
+color: #f56200;
+text-decoration: none;
+padding-bottom: 2px;
+border-bottom: 1px solid #f56200;
+-webkit-transition: border-bottom 0.2s, color 0.2s;
+transition: border-bottom 0.2s, color 0.2s;
+font-size: 20px;
+margin-left: 50px;
+}
+a:hover,
+a:active{
+color:#ffff;
+border-bottom: 1px solid transparent;
+}