studytime.html

<style>
.day-name 
{
    clear:left;
	padding-top:5px;
	margin-top:0px;
	margin-bottom:0px;
	width: 120px;
	line-height:30px;
	padding-bottom:5px;
	float:left;
	padding-left: 30px;
}

.event
{
	padding-top:5px;
	padding-bottom:5px;
	font-size: 13pt;
	line-height:30px;
}

.in-past .day-name
{
	color: gray;	
}

.in-past .event-content 
{
	color: gray;	
}
</style>
	<!-- 
препода поменьше
предмет - побольше
плашечки побольше.

в мобильной версии выравнивание дат
пунктирное подчеркивание предмета ВЕЗДЕ!

Поэкспериментировать с выносом верхнего комментария к событию во вторую строку в списке.


	
	-->
    <div  id="session" class="accordion ">
	
		<h2>Сессия (с 27 мая по 7 июля)</h2>
		
		<div class="day in-past row-fluid">
			<h3 class="day-name span2">27 мая</h3>
			<div class="span10">
				<div class="event">
					<span class="label">зачёт</span>
					<span class="event-content">Математический анализ.</span> 
					<span class="event-content">Гурьянова Карманола Николаевна.</span>
					<span class="event-content">9:00</span>
					<span class="place">611</span>
				</div>
				<div class="event">
					<span class="label">зачёт</span>
					<span class="event-content">Теория алгоритмов.</span> 
					<span class="event-content">Попов А.В.</span>
					<span class="event-content">9:00</span>
					<span class="place">611</span>
				</div>
			 </div>
		</div>
		<div class="day row-fluid">
			<h3 class="day-name span2">28 мая</h3>
			<div class="span10">
				<div class="event">
					<span class="label label-info">зачёт</span>
					<span>Математический анализ.</span> 
					<span>Гурьянова Карманола Николаевна.</span>
					<span>9:00</span>
					<span class="place">611</span>
				</div>
			</div>
		</div>
		<div class="day row-fluid">
			<h3 class="day-name span2">29 мая</h3>
			<div class="event span10">
				<span class="label label-info">консультация</span>
				<span>Математический анализ.</span> 
				<span>Гурьянова К.Н.</span>
				<span>9:00</span>
				<span class="place">611</span>
			</div>
		</div>
		<div class="day row-fluid">
			<h3 class="day-name span2">22 июня</h3>
			<div class="event span10">
				<span class="label label-info">экзамен</span>
				<span>Математический анализ.</span> 
				<span>Гурьянова Карманола Николаевна.</span>
				<span>9:00</span>
				<span class="place">611</span>
			</div>
		</div>

	
	</div>