http://luban789.xyz $B$r(B HTML4.01 Transitional $B$H$7$F%A%'%C%/$7$^$7$?!#(B
11$B8D$N%(%i!<$,$"$j$^$7$?!#$3$N(BHTML$B$O(B -138$BE@$G$9!#%?%0$,(B 11$B
$B@hF,$N?t;z$O%(%i!<$N$*$*$^$+$J=EMWEY$r(B 0$B!A(B9 $B$G<($7$F$$$^$9(B($B8:E@?t$G$O$"$j$^$;$s(B)$B!#>/$J$$?t;z$O7Z$/!"(B9 $B$K$J$k$[$ICWL?E*$G$9!#(B$B$3$N(BHTML$B$K$O=EMW$JLdBj$,B?$/4^$^$l$F$$$^$9(B$B!#4D6-$K$h$C$F$O1\Mw$G$-$J$$2DG=@-$,Hs>o$K9b$$$H8@$($^$9!#8:E@BP>]30$N$4$/7ZEY$N%(%i!<$O3d0&$5$l$F$$$^$9!#(B
6: line 1: $BITL@$J(B DOCTYPE$B@k8@$G$9!#(B $B"*(B $B2r@b(B 4
5: line 5: <META> $B$KB>$N(BHTML$BMQ$NB0@-(B `CHARSET` $B$,;XDj$5$l$F$$$^$9!#(B $B"*(B $B2r@b(B 80
6: line 5: <META> $B$K$O(B CONTENT $BB0@-$,I,MW$G$9!#(B $B"*(B $B2r@b(B 86
6: line 7: <STYLE> $B$K$O(B TYPE $BB0@-$,I,MW$G$9!#(B $B"*(B $B2r@b(B 86
1: line 7: <STYLE> $B$r;H$&$H$-$O(B <HEAD>$B!A(B</HEAD> $BFb$K(B <META HTTP-EQUIV="CONTENT-STYLE-TYPE" CONTENT="$B!A(B"> $B$r;XDj$9$k$h$&$K$7$^$7$g$&!#(B $B"*(B $B2r@b(B 146
3: line 111: <STYLE>$B!A(B</STYLE> $BFb$NMWAG$O$9$Y$F%3%a%s%H$G0O$s$@J}$,0BA4$G$9!#(B $B"*(B $B2r@b(B 153
4: line 112: <HEAD>$B!A(B</HEAD> $BFb$K(B <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="$B!A(B"> $B$,4^$^$l$F$$$^$;$s!#(B $B"*(B $B2r@b(B 128
5: line 120: <A> $B$N%"%s%+!
9: line 129: </DIV> $B$KBP1~$9$k3+;O%?%0(B <DIV> $B$,8+$D$+$j$^$;$s!#(B $B"*(B $B2r@b(B 69
<!DOCTYPE html>
<html lang="en">
<head>
<title>Informational Blog</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
box-sizing: border-box;
}
/* Style the body */
body {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
}
/* Header/logo Title */
.header {
padding: 80px;
text-align: center;
background: #1abc9c;
color: white;
}
/* Increase the font size of the heading */
.header h1 {
font-size: 40px;
}
/* Style the top navigation bar */
.navbar {
overflow: hidden;
background-color: #333;
}
/* Style the navigation bar links */
.navbar a {
float: left;
display: block;
color: white;
text-align: center;
padding: 14px 20px;
text-decoration: none;
}
/* Right-aligned link */
.navbar a.right {
float: right;
}
/* Change color on hover */
.navbar a:hover {
background-color: #ddd;
color: black;
}
/* Column container */
.row {
display: -ms-flexbox; /* IE10 */
display: flex;
-ms-flex-wrap: wrap; /* IE10 */
flex-wrap: wrap;
}
/* Create two unequal columns that sits next to each other */
/* Sidebar/left column */
.side {
-ms-flex: 30%; /* IE10 */
flex: 30%;
background-color: #f1f1f1;
padding: 20px;
}
/* Main column */
.main {
-ms-flex: 70%; /* IE10 */
flex: 70%;
background-color: white;
padding: 20px;
}
/* Fake image, just for this example */
.fakeimg {
background-color: #aaa;
width: 100%;
padding: 20px;
}
/* Footer */
.footer {
padding: 20px;
text-align: center;
background: #ddd;
}
/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 700px) {
.row {
flex-direction: column;
}
}
/* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
@media screen and (max-width: 400px) {
.navbar a {
float: none;
width: 100%;
}
}
</style>
</head>
<body>
<div class="header">
<h1>Informational Blog</h1>
</div>
<div class="navbar">
<a href="#">Home</a>
</div>
<div class="main">
<h2>Blog</h2>
<a href="https://jammuuniversity.in/">jammuuniversity.in</a>
</div>
</div>
</body>
</html>