Quratul Ain
2 min readNov 17, 2019

HTML AND CSS CODING FOR PAINTINGS

<!DOCTYPE html>
<html>
<head>
<link href=”https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap" rel=”stylesheet”>
<link rel=”stylesheet” type=”text/css” href=”style1.css”>
</head>
<body>
<div class=”art”>
<div class=”leftColumn”>
<ul>
<li id=”lef_1st_sec”></li>
<li class=”longer”></li>
<li class=”lef_3rd_sec”></li>
</ul>
</div >
<div class=”rightColumn”>
<div class=”sec_00">
<div id=”rgt_inner_sec”></div>
</div>
</div>
</div>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<link href=”https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap" rel=”stylesheet”>
<link rel=”stylesheet” type=”text/css” href=”lines.css”>
</head>
<body>
<div class=”columns”>
<div class=”column1"></div>
<div class=”column2"></div>
<div class=”column3"></div>
<div class=”column4"></div>
<div class=”column5"></div>
<div class=”column6"></div>
<div class=”column7"></div>
<div class=”column8"></div>
<div class=”column9"></div>
<div class=”column10"></div>
<div class=”column11"></div>
<div class=”column12"></div>
<div class=”column13"></div>
<div class=”column14"></div>
<div class=”column15"></div>
<div class=”column16"></div>
<div class=”column17"></div>
<div class=”column18"></div>

</div>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<link href=”https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap" rel=”stylesheet”>
<link rel=”stylesheet” type=”text/css” href=”Red.css”>
</head>
<body>
<div class=”columns”>
<div class=”columnTop”></div>
<div class=”columnMiddle”></div>
<div class=”columnBottom”></div>
<div class=”columnVertical”>
<div class=”columnHorizontal”></div></div>
<div>
<div>
</div>
</div>

</div>
</body>
</html>