{% extends 'base.html' %}
{% load static %}
{% block content %}
<section class="main-section">
	<div class="container">
		<div class="jumbotron text-center">
			<img class="logo-image img-responsive" src="{% static "main/images/oshc-logo.png"%}" alt="Open Source Help Community Logo" />
			<h1>Open Source Help Community</h1>
			<h4>An Online Platform To Help People To Start Contributing To Open Source Projects</h4>
		</div>
	</div>
</section>

<section class="section-two">
	<div class="container">
		<h3>Our Mission</h3>
		<p class="bi">
			<b>"</b>Open Source Help Community is a virtual platform to help people to start contributing to open source projects<b>"</b>
		</p>
		<p class="intro">
			OSHC is established with the idea in mind to reach those people who are interested in contributing to open source projects but find it difficult. OSHC organizes sessions with open source projects contributors and publishes material which will be useful
			for people to get started with contributing to open source projects.
		</p>
		<div class="line-gap-10px"></div>
		<p class="intro">
			If you would like to share your thoughts or your journey with us, have ideas to make this great, or have questions, please get in touch at <a href="mailto:opensourcehelpcommunity@gmail.com">opensourcehelpcommunity@gmail.com</a>
		</p>
	</div>
</section>

<section class="section-three">
	<div class="container">
		<h3>Upcoming Sessions</h3>

		<div class="row">
			<div class="col-md-7 left-session-info">
				<div class="panel panel-default">
					{% if chatSession %}
					 {% for session in chatSession %}
					<div class="panel-heading">
						<h3 class="panel-title">{{ session.title }}</h3>
					</div>
					<div class="panel-body">
						<a href="{{ session.profile_url }}">{{ session.profile_name }}</a> {{ session.description }}
						<div class="line-gap-10px"></div>
						<i>{{ session.start_date }} - {{ session.end_date }}</i>
						<div class="line-gap-10px"></div>
						<button type="button" class="btn btn-lg btn-primary sRegister">
								<a href="{{ session.register_url }}">Register Now!</a>
							</button>
					</div>
					 {% endfor %}
					{% else %}
					<strong>No session available</strong>
					{% endif %}
				</div>
			</div>

			<div class="col-md-5 left-social-section">
				<div class="twitter-feed">
					<a class="twitter-timeline" data-width="500" data-height="500" data-theme="light" data-link-color="#26A9E0" href="https://twitter.com/oshelpcommunity">
							Tweets by oshelpcommunity
						</a>
					<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
				</div>
			</div>
		</div>
	</div>
</section>


{% endblock %}