Assignment/3.html at master · AnkitBhujeja/Assignment · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!DOCTYPE html>
<html>
<head>
	<title>Iframe</title>
	<style type="text/css">
		<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap" rel="stylesheet">
	html{
			background-color: black;
	}
	   .main{
	   	width: 100%;
	   	height: 100%;
	   display: flex;
	   }
	   body{
	   	background-color: antiquewhite ;
	   }
	    .header{
	    	position: relative;
	    	color: green;
	    	letter-spacing: 1px;
		margin-bottom: -40px;
	    	animation: text 3s infinite;
	    }
		h1{
			text-align: center;
		}
		.para{
			margin-top: 30px;

			width: 60%;
			border: 2px solid black;
			background:  linear-gradient(to bottom right,orange,red);
		}
		.parag{
			color: beige;
			padding: 40px;
			font-size: 21px;
			font-family: 'Source Sans Pro', sans-serif;
		}
		.ifra{
			margin-left: 50px;

			float: left;
			width: 35%;

		 	height: 480px;

		}
		iframe{
			height: 100%;
			width: 100%;
		}
		@keyframes text{
		0%{
			margin-bottom: -40px;
		}
		30%{
			letter-spacing: 3px;
			margin-bottom: -40px;
		}
		85%{
			letter-spacing: 1.8px;
			margin-bottom: -40px;
		}
	}
	.link{
		text-decoration: none;
		color: black;
		font-size: 18px;
		border: 2px solid green;
		padding: 16px 50px;
		text-align: center;


	}
	.link:hover{
		background: green;
		color: white;
	}
	.butt{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	</style>
</head>
<body >
	<div class="butt" style="margin-top: 50px;">
		<a href="4.html" class="link">Experiment 4</a>
	</div>

    <div class="main">

    <div class="para">
    	<div>
    	<h1 style="text-align: center;">Dayanand College</h1>
       </div>

	<p class="parag" >Dayanand College, Hisar welcomes you and bids you to become a member of our mission for excellence with us does not only mean
	academic achievement. This it does, but it has other elements also, like social responsibility and personal nobility.
	Dayanand College may not take you to the sky, but it promises to show you the sky and the path to the sky also. Here,
	you will take one of the many steps you will need to know the world, to explore the earth and to reach the sky. Equally
	important with us is to inculcate in you the spirit of love and sympathy, the spirit of happiness and fulfillment. Love
	the world to fulfill yourself and sympathize with the lesser to spread happiness. Think of yourself but do not be forgetful of others also.

	Here, in this college, you may not become the great you want to be, but here you will learn the need to be the great you must be.
	Greatness is a product of honesty and nobility. Greatness is fertilized by love and understanding.
	Here you should learn to attach yourself to great causes, to good missions, to noble visions. Here,
	you should get your key to success and happiness and fulfillment.</p>
	</div>


	<div class="ifra">
		<div>
		<h1>Read more here....</h1>
	    </div>
      <iframe src="https://www.dnc.ac.in/" title="iframe example">
     </iframe>
     </div>
</div>
</body>
</html>