You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
39 lines
1.4 KiB
39 lines
1.4 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<meta name="viewport" content="width=device-width"/>
|
|
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
|
|
|
<title>P1</title>
|
|
</head>
|
|
<body>
|
|
<div class="containter m-5" style="height: 300px;">
|
|
<div class="row h-25 my-5 bg-primary align-items-center">
|
|
<p class="text-white text-center fs-3 fw-bold">
|
|
CSS Practice-1
|
|
</p>
|
|
</div>
|
|
<div class="row h-50 my-5 bg-danger align-items-center text-white text-left">
|
|
<p class="mx-5">
|
|
Department: Computer Engineering <br>
|
|
Student Name: Hong Kil Dong <br>
|
|
Student ID: 20240625
|
|
</p>
|
|
</div>
|
|
<div class="row h-75 my-5 bg-light align-items-center text-left">
|
|
<sapn class="mx-5">
|
|
<p class="fs-5 fw-bold">
|
|
Example
|
|
</p>
|
|
<xmp class="bg-white w-75 text-left">
|
|
<h1>Hello World</h1>
|
|
<p>Loream ipsum...</p>
|
|
</xmp>
|
|
<button class="btn btn-success">Try it Yourself</button>
|
|
</sapn>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |