Skip to content

Commit a3d5306

Browse files
midhatstammidhatstam
committed
homepage
1 parent 2242078 commit a3d5306

File tree

1 file changed

+163
-28
lines changed

1 file changed

+163
-28
lines changed

‎pyconbalkan/core/templates/index.html‎

Lines changed: 163 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1,37 +1,172 @@
11
{% load static %}
2-
<!doctype html>
3-
4-
<html lang="en">
2+
<!DOCTYPE html>
3+
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
4+
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
5+
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
56
<head>
6-
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,900"
7-
rel="stylesheet">
8-
<meta charset="utf-8">
97
<title>PyCon Balkan 2018</title>
10-
<style>
11-
body {
12-
font-family: Montserrat, sans-serif;
13-
}
14-
.blue {
15-
font-weight: 900;
16-
color: #53A8DC;
17-
}
18-
.yellow {
19-
font-weight: 900;
20-
color: #F9D768;
21-
}
22-
.black {
23-
font-size: 48px;
24-
font-weight: bold;
25-
}
26-
</style>
8+
<!-- Meta -->
9+
<meta charset="utf-8">
10+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
11+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
12+
<meta name="description" content="PyCon Balkan description">
13+
<meta name="author" content="Python Balkan community">
14+
<link rel="shortcut icon" href="favicon.ico">
15+
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
16+
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.9/css/all.css" integrity="sha384-5SOiIsAziJl6AWe0HWRKTXlfcSHKmYV4RBF18PPJ173Kzn7jzMyFuTtk8JA7QQG1" crossorigin="anonymous">
17+
<!-- Bootstrap 4 -->
18+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
19+
<link rel="stylesheet" href="{% static 'css/style.css' %}">
20+
21+
<!-- Timer JS -->
22+
<script src="{% static js/timer.js %}" type="text/javascript"></script>
23+
24+
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
25+
<!--[if lt IE 9]>
26+
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
27+
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
28+
<![endif]-->
2729
</head>
28-
<body style="text-align:center;">
2930

30-
<img src="{% static 'img/front-light-pyConBlkn-2.png' %}" style="width:83%;">
31+
<body>
32+
33+
<!-- Navigation Bar -->
3134

32-
<div class="black">
33-
<span class="blue">C</span>OMING <span class="yellow">S</span>OON
35+
<div class="row">
36+
<div class="col-md-11 offset-0">
37+
<nav class="navbar navbar-light navbar-expand-md bg-faded justify-content-center">
38+
<div class="navbar navbar-header mr-auto">
39+
<a class="navbar-brand" href="#"><img src="img/logo.jpg"></a>
40+
</div>
41+
<ul class="nav navbar-nav ml-auto w-100 justify-content-end mb-5 pb-3">
42+
<li><a class="btn btn-light btn-sm round" href="#" role="button">News</a></li>
43+
<li><a class="btn btn-light btn-sm round" href="#" role="button">CFP</a></li>
44+
<li><a class="btn btn-light btn-sm round" href="#" role="button">Sponsoring</a></li>
45+
<li><a class="btn btn-light btn-sm round" href="#" role="button">Timetable</a></li>
46+
<li><a class="btn btn-light btn-sm round" href="#" role="button">Travel</a></li>
47+
<li><a class="btn btn-light btn-sm round" href="#" role="button">Tickets</a></li>
48+
<li><a class="btn btn-light btn-sm round" href="#" role="button">Events</a></li>
49+
<li><a class="btn btn-light btn-sm round" href="#" role="button">FAQ</a></li>
50+
<li><a class="btn btn-light btn-sm round" href="#" role="button">About</a></li>
51+
<li><a class="btn btn-light btn-sm round" href="#" role="button">Contact</a></li>
52+
</ul>
53+
</nav>
3454
</div>
55+
</div>
56+
57+
<!-- END of Navigation Bar -->
58+
59+
<div class="row">
60+
61+
<!-- Left Side -->
62+
63+
64+
<div class="col-xl-3 offset-1">
65+
<div>
66+
<h1 class="font900 one">PyCon</h1>
67+
<h2 class="one">Balkan</h2>
68+
<h3>Belgrade 2018</h3>
69+
</div>
70+
<hr>
71+
<div class="details">
72+
<h1 class="font900 font-yellow">#1</h1>
73+
<p>Hilton, Kralja Milana 35, 11000 Belgrade Serbia</p>
74+
<div>
75+
<p><i class="far fa-calendar-alt"></i> 8-12 September</p>
76+
<p><i class="fas fa-users"></i> Over 400 Attendees</p>
77+
<p><i class="fas fa-globe"></i> International Event</p>
78+
</div>
79+
<div>
80+
<a class="btn btn-primary btn-md round" href="#" role="button"><b>JOIN US</b></a>
81+
</div>
82+
<div>
83+
<i class="fa-lg fab fa-facebook-f sn-icons"></i>
84+
<i class="fa-lg fab fa-twitter sn-icons"></i>
85+
<i class="fa-lg fab fa-linkedin-in sn-icons"></i>
86+
</div>
87+
</div>
88+
</div>
89+
90+
<!-- END of Left Side -->
91+
92+
93+
<!-- Main Content -->
94+
95+
<div class="col-xl-6 offset-1">
96+
<h1 class="font900 font-blue">Early bird tickets</h1>
97+
<div class="countdown-timer">
98+
<span id="days" class="font900 font-blue"></span>
99+
<span class="font-blue font900" id="days-text"> Days</span>
100+
<ul class="countdown">
101+
<li>
102+
<span id="hours" class="hms font-yellow"></span>
103+
<div class="hms-text">hours</div>
104+
</li>
105+
<li>
106+
<span id="minutes" class="hms font-yellow"></span>
107+
<div class="hms-text">minutes</div>
108+
</li>
109+
<li>
110+
<span id="seconds" class="hms font-yellow"></span>
111+
<div class="hms-text">sec</div>
112+
</li>
113+
</ul>
114+
</div>
115+
<div class="moveDown">
116+
<a class="btn btn-secondary btn-md round" href="#" role="button" id="btnBuyNow"><b>Buy Now</b></a>
117+
</div>
118+
119+
<div class="moveDown">
120+
<h1 class="font900 font-yellow">Speakers</h1>
121+
</div>
122+
123+
<div class="card-deck moveDown">
124+
<div class="card">
125+
<div class="row">
126+
<div class="col-sm">
127+
<img src="img/user1.png">
128+
<ul class="card-body h-100 justify-content-center">
129+
<li><b>Luka Kladarić</b></li>
130+
<hr>
131+
<li>Senior Software Engineer at Noom Inc.</li>
132+
</ul>
133+
</div>
134+
135+
<div class="col-sm">
136+
<img src="img/user1.png">
137+
<ul class="card-body h-100 justify-content-center">
138+
<li><b>Krzysztof Žuraw</b></li>
139+
<hr>
140+
<li>Python Developer at STX Next</li>
141+
</ul>
142+
</div>
143+
<div class="col-sm">
144+
<img src="img/user1.png">
145+
<ul class="card-body h-100 justify-content-center">
146+
<li><b>Luka Kladarić</b></li>
147+
<hr>
148+
<li>Senior Software Engineer at Noom Inc.</li>
149+
</ul>
150+
</div>
151+
</div>
152+
</div>
153+
</div>
154+
155+
<div class="moveDown">
156+
<a class="btn btn-secondary btn-md round" href="#" role="button" id="seeMore"><b>See More</b></a>
157+
<a class="btn btn-primary btn-md round" href="#" role="button" id="attend"><b>Attend</b></a>
158+
</div>
159+
</div>
160+
161+
162+
<!-- END of Main Content -->
163+
164+
</div>
165+
166+
<!-- Bootstrap 4 scripts -->
167+
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
168+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
169+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
35170

36171
</body>
37-
</html>
172+
</html>

0 commit comments

Comments
 (0)