Commit 604f6991 authored by Arthur.Pautrel's avatar Arthur.Pautrel
Browse files

Task 4

parent a85b331c
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Task 4</title>
</head>
<style>
.firstListText {
font-size: 15px;
font-weight: bold;
}
.secondListText {
font-size: 13px;
margin-top: 10px;
margin-left: 40px;
}
.carre {
float: left;
height: 30px;
width: 30px;
margin-top: 0px;
}
#red {
background: red;
}
#blue {
background: blue;
}
#green {
background: green;
}
</style>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
<body>
<div class="container">
<div class="row">
<div class="col-12 col-sm-8 col-lg-5">
<h6 class="text-muted">Recent updates</h6>
<ul class="list-group">
<li class="list-group-item">
<p class="firstListText">@username</p>
<hr>
<div class="carre" id="red">
</div><p class="secondListText">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</li>
<li class="list-group-item">
<p class="firstListText">@username</p>
<hr>
<div class="carre" id="blue">
</div><p class="secondListText">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</li>
<li class="list-group-item">
<p class="firstListText">@username</p>
<hr>
<div class="carre" id="green">
</div><p class="secondListText">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Task 5</title>
</head>
<body>
<h1>Successfully logged in !</h1>
</body>
</html>
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment