Difference between revisions of "Team:Pasteur Paris/Notebook"

(Prototype team page)
 
Line 1: Line 1:
−
{{Pasteur_Paris}}
+
{{Pasteur_Paris/MenuBlock}}
 
<html>
 
<html>
  
 +
<style type="text/css">
 +
#runningchip {
 +
left: 125px;
 +
}
 +
#project_small {
 +
background-color: #292929;
 +
}
 +
#banner {
 +
background-image: ;
 +
}
 +
@media screen and (max-width: 760px) {
 +
#banner {
 +
background-image: ;
 +
}
 +
</style>
  
−
<div class="column full_size">
+
<style type="text/css">
 +
.monthBoxes{
 +
margin: 15px;
 +
padding: 2px;
 +
width: 226px;
 +
display: inline-block;
 +
vertical-align: middle;
 +
}
 +
.monthButton{
 +
width: 100px;
 +
height: 20px;
 +
background-color: #54006A;
 +
position: relative;
 +
font-family: Ralewa;
 +
padding-top: 6px;
 +
padding-bottom: 6px;
 +
border-radius: 20px;
 +
left: 50%;
 +
transform: translate(-50%);
 +
margin-top: 5px;
 +
margin-bottom: 15px;
 +
color: white;
 +
opacity: .8;
  
−
<h1>Notebook</h1>
+
}
−
<p> Document the dates you worked on your project. This should be a detailed account of the work done each day for your project.</p>
+
.weekBoxes{
 +
height: 34px;
 +
position: relative;
 +
}
 +
.daysBoxes{
 +
width: 30px;
 +
background-color: #54006A;
 +
position: absolute;
 +
top: 2px;
 +
font-family: "Arial",Helvetica,sans-serif;
 +
padding-top: 6px;
 +
padding-bottom: 6px;
 +
border-radius: 20px;
 +
}
 +
.daysBoxes a {
 +
padding-top: 7px 8px;
 +
color: white;
 +
font-family: Raleway;
 +
}
 +
.daysBoxes a:hover {
 +
text-decoration: none;
 +
}
 +
.noResult{
 +
opacity: .2;
 +
}
 +
.result{
 +
opacity: .8;
 +
}
 +
.result:hover {
 +
transform: scale(1.05,1.05);
 +
}
 +
.breakthrough{
 +
background-color: #ff3bea;
 +
opacity: .9;
 +
}
 +
.breakthrough:hover {
 +
transform: scale(1.05,1.05);
 +
}
 +
.monday{
 +
left: 2px;
 +
}
 +
.tuesday{
 +
left: 34px;
 +
}
 +
.wednesday{
 +
left: 66px;
 +
}
 +
.thursday{
 +
left: 98px;
 +
}
 +
.friday{
 +
left: 130px;
 +
}
 +
.saturday {
 +
left: 162px;
 +
}
 +
.sunday {
 +
left: 194px;
 +
}
 +
/* Descriptions id */
 +
/* July */
 +
#a16_07_18:hover + .description {
 +
display: block;
 +
}
 +
#a17_07_18:hover + .description {
 +
display: block;
 +
}
 +
#a18_07_18:hover + .description {
 +
display: block;
 +
}
 +
#a19_07_18:hover + .description {
 +
display: block;
 +
}
 +
#a20_07_18:hover + .description {
 +
display: block;
 +
}
 +
#a24_07_18:hover + .description {
 +
display: block;
 +
}
 +
#a25_07_18:hover + .description {
 +
display: block;
 +
}
 +
#a26_07_18:hover + .description {
 +
display: block;
 +
}
 +
#a30_07_18:hover + .description {
 +
display: block;
 +
}
 +
#a31_07_18:hover + .description {
 +
display: block;
 +
}
 +
/* August */
 +
#a01_08_18:hover + .description {
 +
display: block;
 +
}
 +
#a02_08_18:hover + .description {
 +
display: block;
 +
}
 +
#a03_08_18:hover + .description {
 +
display: block;
 +
}
 +
#a05_08_18:hover + .description {
 +
display: block;
 +
}
 +
#a06_08_18:hover + .description {
 +
display: block;
 +
}
 +
#a07_08_18:hover + .description {
 +
display: block;
 +
}
 +
#a08_08_18:hover + .description {
 +
display: block;
 +
}
 +
#a09_08_18:hover + .description {
 +
display: block;
 +
}
 +
#a10_08_18:hover + .description {
 +
display: block;
 +
}
 +
#a11_08_18:hover + .description {
 +
display: block;
 +
}
 +
#a13_08_18:hover + .description {
 +
display: block;
 +
}
 +
#a14_08_18:hover + .description {
 +
display: block;
 +
}
 +
#a15_08_18:hover + .description {
 +
display: block;
 +
}
 +
#a16_08_18:hover + .description {
 +
display: block;
 +
}
 +
#a17_08_18:hover + .description {
 +
display: block;
 +
}
 +
#a18_08_18:hover + .description {
 +
display: block;
 +
}
 +
#a20_08_18:hover + .description {
 +
display: block;
 +
}
 +
#a21_08_18:hover + .description {
 +
display: block;
 +
}
 +
#a22_08_18:hover + .description {
 +
display: block;
 +
}
 +
/* September */
 +
/* October */
 +
.description{
 +
z-index: 10;
 +
padding: 3px 3px;
 +
border-radius: 5px;
 +
display: none;
 +
top: 35px;
 +
left: 30px;
 +
background-color: white;
 +
position: relative;
 +
max-width: 300px;
 +
}
 +
@media screen and (max-width: 1080px){
 +
.monthBoxes{
 +
margin: 65px;
 +
}
 +
}
 +
@media screen and (mx-width: 700px){
 +
.monthBoxes{
 +
margin: 10px;
 +
}
 +
}
 +
</style>
  
−
</div>
+
<div id="banner">
−
<div class="clear"></div>
+
<h1>Notebook</h1>
 +
</div>
  
−
 
+
<div id="GeneralContent">
−
 
+
<div id="MainContent">
−
<div class="column two_thirds_size">
+
<!-- July -->
−
<h3>What should this page have?</h3>
+
<div class="monthBoxes">
−
<ul>
+
<div class="monthButton"><b>July</b></div>
−
<li>Chronological notes of what your team is doing.</li>
+
<div class="weekBoxes">
−
<li> Brief descriptions of daily important events.</li>
+
<div class="daysBoxes monday noResult"><a>2</a></div>
−
<li>Pictures of your progress. </li>
+
<div class="daysBoxes tuesday noResult"><a>3</a></div>
−
<li>Mention who participated in what task.</li>
+
<div class="daysBoxes wednesday noResult"><a>4</a></div>
−
</ul>
+
<div class="daysBoxes thursday noResult"><a>5</a></div>
−
 
+
<div class="daysBoxes friday noResult"><a>6</a></div>
−
</div>
+
<div class="daysBoxes saturday noResult"><a>7</a></div>
−
 
+
<div class="daysBoxes sunday noResult"><a>8</a></div>
−
<div class="column third_size">
+
</div>
−
<div class="highlight decoration_A_full">
+
<div class="weekBoxes">
−
<h3>Inspiration</h3>
+
<div class="daysBoxes monday noResult"><a>9</a></div>
−
<p>You can see what others teams have done to organize their notes:</p>
+
<div class="daysBoxes tuesday noResult"><a>10</a></div>
−
 
+
<div class="daysBoxes wednesday noResult"><a>11</a></div>
−
<ul>  
+
<div class="daysBoxes thursday noResult"><a>12</a></div>
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
<div class="daysBoxes friday noResult"><a>13</a></div>
−
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
<div class="daysBoxes saturday noResult"><a>14</a></div>
−
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
+
<div class="daysBoxes sunday noResult"><a>15</a></div>
−
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
+
</div>
−
</ul>
+
<div class="weekBoxes">
−
</div>
+
<div class="daysBoxes monday result" id="a16_07_18">
−
</div>
+
<a href="">16</a>
 +
</div>
 +
<div class="description"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.</p></div>
 +
<div class="daysBoxes tuesday result" id="a17_07_18">
 +
<a href="">17</a>
 +
</div>
 +
<div class="description"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.</p></div>
 +
<div class="daysBoxes wednesday result" id="a18_07_18">
 +
<a href="">18</a>
 +
</div>
 +
<div class="description"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.</p></div>
 +
<div class="daysBoxes thursday result" id="a19_07_18">
 +
<a href="">19</a>
 +
</div>
 +
<div class="description"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.</p></div>
 +
<div class="daysBoxes friday result" id="a20_07_18">
 +
<a href="">20</a>
 +
</div>
 +
<div class="description"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.</p></div>
 +
<div class="daysBoxes saturday noResult"><a>21</a></div>
 +
<div class="daysBoxes sunday noResult"><a>22</a></div>
 +
</div>
 +
<div class="weekBoxes">
 +
<div class="daysBoxes monday noResult"><a>23</a></div>
 +
<div class="daysBoxes tuesday result" id="a24_07_18">
 +
<a href="">24</a>
 +
</div>
 +
<div class="description"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.</p></div>
 +
<div class="daysBoxes wednesday result" id="a25_07_18">
 +
<a href="">25</a>
 +
</div>
 +
<div class="description"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.</p></div>
 +
<div class="daysBoxes thursday result" id="a26_07_18">
 +
<a href="">26</a>
 +
</div>
 +
<div class="description"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.</p></div>
 +
<div class="daysBoxes friday noResult"><a>27</a></div>
 +
<div class="daysBoxes saturday noResult"><a>28</a></div>
 +
<div class="daysBoxes sunday noResult"><a>29</a></div>
 +
</div>
 +
<div class="weekBoxes">
 +
<div class="daysBoxes monday result" id="a30_07_18">
 +
<a href="">30</a>
 +
</div>
 +
<div class="description"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.</p></div>
 +
<div class="daysBoxes tuesday result" id="a31_07_18">
 +
<a href="">31</a>
 +
</div>
 +
<div class="description"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.</p></div>
 +
</div>
 +
</div>
 +
<!-- August -->
 +
<div class="monthBoxes">
 +
<div class="monthButton"><b>August</b></div>
 +
<div class="weekBoxes">
 +
<div class="daysBoxes wednesday result" id="a01_08_18">
 +
<a href="">1</a>
 +
</div>
 +
<div class="description"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.</p></div>
 +
<div class="daysBoxes thursday result" id="a02_08_18">
 +
<a href="">2</a>
 +
</div>
 +
<div class="description"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.</p></div>
 +
<div class="daysBoxes friday result" id="a03_08_18">
 +
<a href="">3</a>
 +
</div>
 +
<div class="description"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.</p></div>
 +
<div class="daysBoxes saturday noResult"><a>4</a></div>
 +
<div class="daysBoxes sunday result" id="a05_08_18">
 +
<a href="">5</a>
 +
</div>
 +
<div class="description"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.</p></div>
 +
</div>
 +
<div class="weekBoxes">
 +
<div class="daysBoxes monday result" id="a06_08_18">
 +
<a href="">6</a>
 +
</div>
 +
<div class="description"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.</p></div>
 +
<div class="daysBoxes tuesday result" id="a07_08_18">
 +
<a href="">7</a>
 +
</div>
 +
<div class="description"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.</p></div>
 +
<div class="daysBoxes wednesday result" id="a08_08_18">
 +
<a href="" href="">8</a>
 +
</div>
 +
<div class="description"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.</p></div>
 +
<div class="daysBoxes thursday result" id="a09_08_18">
 +
<a href="">9</a>
 +
</div>
 +
<div class="description"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.</p></div>
 +
<div class="daysBoxes friday result" id="a10_08_18">
 +
<a href="">10</a>
 +
</div>
 +
<div class="description"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.</p></div>
 +
<div class="daysBoxes saturday result" id="a11_08_18">
 +
<a href="">11</a>
 +
</div>
 +
<div class="description"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.</p></div>
 +
<div class="daysBoxes sunday noResult"><a>12</a></div>
 +
</div>
 +
<div class="weekBoxes">
 +
<div class="daysBoxes monday result" id="a13_08_18">
 +
<a href="">13</a>
 +
</div>
 +
<div class="description"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.</p></div>
 +
<div class="daysBoxes tuesday result" id="a14_08_18">
 +
<a href="">14</a>
 +
</div>
 +
<div class="description"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.</p></div>
 +
<div class="daysBoxes wednesday result" id="a15_08_18">
 +
<a href="">15</a>
 +
</div>
 +
<div class="description"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.</p></div>
 +
<div class="daysBoxes thursday breakthrough" id="a16_08_18">
 +
<a href="">16</a>
 +
</div>
 +
<div class="description"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.</p></div>
 +
<div class="daysBoxes friday result" id="a17_08_18">
 +
<a href="">17</a>
 +
</div>
 +
<div class="description"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.</p></div>
 +
<div class="daysBoxes saturday result" id="a18_08_18">
 +
<a href="">18</a>
 +
</div>
 +
<div class="description"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.</p></div>
 +
<div class="daysBoxes sunday noResult"><a>19</a></div>
 +
</div>
 +
<div class="weekBoxes">
 +
<div class="daysBoxes monday result" id="a20_08_18">
 +
<a href="">20</a>
 +
</div>
 +
<div class="description"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.</p></div>
 +
<div class="daysBoxes tuesday result" id="a21_08_18">
 +
<a href="">21</a>
 +
</div>
 +
<div class="description"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.</p></div>
 +
<div class="daysBoxes wednesday result" id="a22_08_18">
 +
<a href="">22</a>
 +
</div>
 +
<div class="description"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.</p></div>
 +
<div class="daysBoxes thursday noResult"><a>23</a></div>
 +
<div class="daysBoxes friday noResult"><a>24</a></div>
 +
<div class="daysBoxes saturday noResult"><a>25</a></div>
 +
<div class="daysBoxes sunday noResult"><a>26</a></div>
 +
</div>
 +
<div class="weekBoxes">
 +
<div class="daysBoxes monday noResult"><a>27</a></div>
 +
<div class="daysBoxes tuesday noResult"><a>28</a></div>
 +
<div class="daysBoxes wednesday noResult"><a>29</a></div>
 +
<div class="daysBoxes thursday noResult"><a>30</a></div>
 +
<div class="daysBoxes friday noResult"><a>31</a></div>
 +
</div>
 +
</div>
 +
<!-- September -->
 +
<div class="monthBoxes">
 +
<div class="monthButton"><b>September</b></div>
 +
<div class="weekBoxes">
 +
<div class="daysBoxes saturday noResult"><a>1</a></div>
 +
<div class="daysBoxes sunday noResult"><a>2</a></div>
 +
</div>
 +
<div class="weekBoxes">
 +
<div class="daysBoxes monday noResult"><a>3</a></div>
 +
<div class="daysBoxes tuesday noResult"><a>4</a></div>
 +
<div class="daysBoxes wednesday noResult"><a>5</a></div>
 +
<div class="daysBoxes thursday noResult"><a>6</a></div>
 +
<div class="daysBoxes friday noResult"><a>7</a></div>
 +
<div class="daysBoxes saturday noResult"><a>8</a></div>
 +
<div class="daysBoxes sunday noResult"><a>9</a></div>
 +
</div>
 +
<div class="weekBoxes">
 +
<div class="daysBoxes monday noResult"><a>10</a></div>
 +
<div class="daysBoxes tuesday noResult"><a>11</a></div>
 +
<div class="daysBoxes wednesday noResult"><a>12</a></div>
 +
<div class="daysBoxes thursday noResult"><a>13</a></div>
 +
<div class="daysBoxes friday noResult"><a>14</a></div>
 +
<div class="daysBoxes saturday noResult"><a>15</a></div>
 +
<div class="daysBoxes sunday noResult"><a>16</a></div>
 +
</div>
 +
<div class="weekBoxes">
 +
<div class="daysBoxes monday noResult"><a>17</a></div>
 +
<div class="daysBoxes tuesday noResult"><a>18</a></div>
 +
<div class="daysBoxes wednesday noResult"><a>19</a></div>
 +
<div class="daysBoxes thursday noResult"><a>20</a></div>
 +
<div class="daysBoxes friday noResult"><a>21</a></div>
 +
<div class="daysBoxes saturday noResult"><a>22</a></div>
 +
<div class="daysBoxes sunday noResult"><a>23</a></div>
 +
</div>
 +
<div class="weekBoxes">
 +
<div class="daysBoxes monday noResult"><a>24</a></div>
 +
<div class="daysBoxes tuesday noResult"><a>25</a></div>
 +
<div class="daysBoxes wednesday noResult"><a>26</a></div>
 +
<div class="daysBoxes thursday noResult"><a>27</a></div>
 +
<div class="daysBoxes friday noResult"><a>28</a></div>
 +
<div class="daysBoxes saturday noResult"><a>29</a></div>
 +
<div class="daysBoxes sunday noResult"><a>30</a></div>
 +
</div>
 +
</div>
 +
<!-- October -->
 +
<div class="monthBoxes">
 +
<div class="monthButton"><b>October</b></div>
 +
<div class="weekBoxes">
 +
<div class="daysBoxes monday noResult"><a>1</a></div>
 +
<div class="daysBoxes tuesday noResult"><a>2</a></div>
 +
<div class="daysBoxes wednesday noResult"><a>3</a></div>
 +
<div class="daysBoxes thursday noResult"><a>4</a></div>
 +
<div class="daysBoxes friday noResult"><a>5</a></div>
 +
<div class="daysBoxes saturday noResult"><a>6</a></div>
 +
<div class="daysBoxes sunday noResult"><a>7</a></div>
 +
</div>
 +
<div class="weekBoxes">
 +
<div class="daysBoxes monday noResult"><a>8</a></div>
 +
<div class="daysBoxes tuesday noResult"><a>9</a></div>
 +
<div class="daysBoxes wednesday noResult"><a>10</a></div>
 +
<div class="daysBoxes thursday noResult"><a>11</a></div>
 +
<div class="daysBoxes friday noResult"><a>12</a></div>
 +
<div class="daysBoxes saturday noResult"><a>13</a></div>
 +
<div class="daysBoxes sunday noResult"><a>14</a></div>
 +
</div>
 +
<div class="weekBoxes">
 +
<div class="daysBoxes monday noResult"><a>15</a></div>
 +
<div class="daysBoxes tuesday noResult"><a>16</a></div>
 +
<div class="daysBoxes wednesday noResult"><a>17</a></div>
 +
<div class="daysBoxes thursday noResult"><a>18</a></div>
 +
<div class="daysBoxes friday noResult"><a>19</a></div>
 +
<div class="daysBoxes saturday noResult"><a>20</a></div>
 +
<div class="daysBoxes sunday noResult"><a>21</a></div>
 +
</div>
 +
<div class="weekBoxes">
 +
<div class="daysBoxes monday noResult"><a>22</a></div>
 +
<div class="daysBoxes tuesday noResult"><a>23</a></div>
 +
<div class="daysBoxes wednesday noResult"><a>24</a></div>
 +
<div class="daysBoxes thursday noResult"><a>25</a></div>
 +
<div class="daysBoxes friday noResult"><a>26</a></div>
 +
<div class="daysBoxes saturday noResult"><a>27</a></div>
 +
<div class="daysBoxes sunday noResult"><a>28</a></div>
 +
</div>
 +
<div class="weekBoxes">
 +
<div class="daysBoxes monday noResult"><a>29</a></div>
 +
<div class="daysBoxes tuesday noResult"><a>30</a></div>
 +
<div class="daysBoxes wednesday noResult"><a>31</a></div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
  
 
</html>
 
</html>

Revision as of 10:12, 23 August 2018

""

July
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.

17

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.

18

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.

19

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.

20

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.

21
22
23
24

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.

25

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.

26

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.

27
28
29
30

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.

31

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.

August
1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.

2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.

3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.

4
5

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.

6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.

7

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.

8

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.

9

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.

10

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.

11

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.

12
13

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.

14

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.

15

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.

16

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.

17

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.

18

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.

19
20

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.

21

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.

22

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.

23
24
25
26
27
28
29
30
31
September
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
October
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31