A weekly report is a document that is submitted within a weekly basis, containing all the relevant information regarding a particular project, a set of activities, or a specific area
These kinds of business reports are prevalent throughout various industries and companies
<!DOCTYPE html>
<HTML>
<link rel="stylesheet"href="styles.css">
<BODY>
<div class="card">
<label class="text">Weekly Report</label><br>
<label class="text1">01.21.18-01.26.18</label>
<!--------------------------------------------------------->
<label class="mon">MON<label class="mon1">i</label></label>
<br><br><br>
<!------------------------------------------------------>
<label class="tue">TUE<label class="tue1">.e</label></label><br><br><br>
<!------------------------------------------------------>
<label class="wed">WED<label class="wed1">i</label></label>
<br><br><br>
<!------------------------------------------------------>
<label class="thu">THU<label class="thu1">d</label></label><br><br><br>
<!------------------------------------------------------>
<label class="fri">FRI<label class="fri1"> m </label></label><br><br><br>
<!------------------------------------------------------>
<label class="sat">SAT<label class="sat1">m</label></label><br><br><br>
<label id="date">Fill The Fix Date</label><br><br>
<label id="to"><input type="date"/>To<input type="date"/></label>
</div>
</BODY>
</HTML>
Event Based CSS Calendar. An "upcoming event" based HTML and CSS calendar,
use csss code in html
.card{
background-color:rgb(255, 183, 89);
margin-left:300px;
margin-right:300px;
height:600px;
border-radius:10px
}
.text{
display:flex;
justify-content: center;
font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
font-size: 40px;
}
.text1{
display:flex;
justify-content: center;
font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
font-size: 20px;
margin-bottom:45px;
}
.mon{
background-color: rgb(16, 16, 106);
color:#ffffff;
margin-left:40px;
margin-right:10px;
padding-top: 15px;
padding-bottom:12px;
padding-left:10px;
}
.mon1{
background-color: #ffffff;
color:#ffffff;
margin-left:20px;
padding-top:15px;
padding-bottom:12px;
padding-right:20px;
padding-left:400px;
}
.tue{
background-color: rgb(16, 16, 106);
color:#ffffff;
margin-left:40px;
margin-right:10px;
padding-top: 15px;
padding-bottom:12px;
padding-left:15px;
}
.tue1{
background-color: #ffffff;
color:#ffffff;
margin-left:20px;
padding-top:15px;
padding-bottom:12px;
padding-right:20px;
padding-left:395px;
}
.wed{
background-color: rgb(16, 16, 106);
color:#ffffff;
margin-left:40px;
margin-right:10px;
padding-top: 15px;
padding-bottom:12px;
padding-left:10px;
}
.wed1{
background-color: #ffffff;
color:#ffffff;
margin-left:20px;
padding-top:15px;
padding-bottom:12px;
padding-right:20px;
padding-left:401px;
}
.thu{
background-color: rgb(16, 16, 106);
color:#ffffff;
margin-left:40px;
margin-right:10px;
padding-top: 15px;
padding-bottom:12px;
padding-left:15px;
}
.thu1{
background-color: #ffffff;
color:#ffffff;
margin-left:20px;
padding-top:15px;
padding-bottom:12px;
padding-right:20px;
padding-left:396px;
}
.fri{
background-color: rgb(16, 16, 106);
color:#ffffff;
margin-left:40px;
margin-right:10px;
padding-top: 15px;
padding-bottom:12px;
padding-left:22px;
}
.fri1{
background-color: #ffffff;
color:#ffffff;
margin-left:20px;
padding-top:15px;
padding-bottom:12px;
padding-right:20px;
padding-left:390px;
}
.sat{
background-color: rgb(16, 16, 106);
color:#ffffff;
margin-left:40px;
margin-right:10px;
padding-top: 15px;
padding-bottom:12px;
padding-left:17px;
box-shadow:10px;
}
.sat1{
background-color: #ffffff;
color:#ffffff;
margin-left:20px;
padding-top:15px;
padding-bottom:12px;
padding-right:20px;
padding-left:395px;
box-shadow:inset;
}
#date{
display:flex;
justify-content: center;
font-size:25px;
}
input{
display:flex;
justify-content: center;
margin-left:5px;
margin-right:5px;
outline: none;
cursor: pointer;
}
#to{
display: flex;
justify-content: center;
}
Create a report on cases, group by created date. In the small menu at the left of the grouping, select "group dates by" and choose "calendar week". Then you can see them download code click the download button
