1- {% load static %}
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]-->
6- < head >
7- < title > PyCon Balkan 2018</ title >
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 ="icon " type ="image/png " sizes ="32x32 " href ="{% static 'img/favicon-32x32.png' %} ">
15- < link rel ="icon " type ="image/png " sizes ="16x16 " href ="{% static 'img/favicon-16x16.png' %} ">
16- < link href ="https://fonts.googleapis.com/css?family=Montserrat " rel ="stylesheet ">
17- < link rel ="stylesheet " href ="https://use.fontawesome.com/releases/v5.0.9/css/all.css " integrity ="sha384-5SOiIsAziJl6AWe0HWRKTXlfcSHKmYV4RBF18PPJ173Kzn7jzMyFuTtk8JA7QQG1 " crossorigin ="anonymous ">
18- <!-- Bootstrap 4 -->
19- < link rel ="stylesheet " href ="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css " integrity ="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm " crossorigin ="anonymous ">
20- < link rel ="stylesheet " href ="{% static 'css/style.css' %} ">
1+ {% extends "base.html" %}
212
22- <!-- Timer JS -->
23- < script src ="{% static 'js/timer.js' %} " type ="text/javascript "> </ script >
24- < script src ="{% static 'js/index.js' %} " type ="text/javascript "> </ script >
3+ {% block main_content %}
254
26- <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
27- <!--[if lt IE 9]>
28- <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
29- <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
30- <![endif]-->
31- < link href ="https://fonts.googleapis.com/css?family=Montserrat:400,700,900 "
32- rel ="stylesheet ">
33- < style >
34- body {
35- font-family : Montserrat, sans-serif;
36- }
37- .blue {
38- font-weight : 900 ;
39- color : # 53A8DC ;
40- }
41- .yellow {
42- font-weight : 900 ;
43- color : # F9D768 ;
44- }
45- .black {
46- font-size : 48px ;
47- font-weight : bold;
48- }
49- .white {
50- color : # FFFFFF ;
51- font-size : 36px ;
52- font-weight : bold;
53- }
54- </ style >
55- </ head >
5+ <!-- Main Content -->
566
57- < body >
587
59- <!-- Navigation Bar -->
608
61- < div class ="row ">
62- < div class ="col-md-11 offset-0 ">
63- < nav class ="navbar navbar-light navbar-expand-md bg-faded justify-content-center ">
64- < div class ="navbar navbar-header mr-auto ">
65- < a class ="navbar-brand " href ="# "> < img src ="{% static 'img/logo.jpg' %} "> </ a >
66- </ div >
67- < ul class ="nav navbar-nav ml-auto w-100 justify-content-end mb-5 pb-3 ">
68- {# < li > < a class ="btn btn-light btn-sm round " href ="# " role ="button "> News</ a > </ li > #}
69- {# < li > < a class ="btn btn-light btn-sm round " href ="# " role ="button "> CFP</ a > </ li > #}
70- {# < li > < a class ="btn btn-light btn-sm round " href ="# " role ="button "> Sponsoring</ a > </ li > #}
71- {# < li > < a class ="btn btn-light btn-sm round " href ="# " role ="button "> Timetable</ a > </ li > #}
72- {# < li > < a class ="btn btn-light btn-sm round " href ="# " role ="button "> Travel</ a > </ li > #}
73- {# < li > < a class ="btn btn-light btn-sm round " href ="# " role ="button "> Tickets</ a > </ li > #}
74- {# < li > < a class ="btn btn-light btn-sm round " href ="# " role ="button "> Events</ a > </ li > #}
75- {# < li > < a class ="btn btn-light btn-sm round " href ="# " role ="button "> FAQ</ a > </ li > #}
76- {# < li > < a class ="btn btn-light btn-sm round " href ="# " role ="button "> About</ a > </ li > #}
77- {# < li > < a class ="btn btn-light btn-sm round " href ="# " role ="button "> Contact</ a > </ li > #}
78- < li > < a class ="btn btn-light btn-sm round " href ="/coc " role ="button "> CoC</ a > </ li >
79- </ ul >
80- </ nav >
81- </ div >
82- </ div >
9+ <!-- END of Main Content -->
8310
84- <!-- END of Navigation Bar -->
85-
86- < div class ="row ">
87-
88- <!-- Left Side -->
89-
90-
91- < div class ="col-xl-3 offset-1 ">
92- < div >
93- {% if conference %}
94- < h1 class ="font900 one "> {{ conference.event }}</ h1 >
95- < h2 class ="one "> {{ conference.name }}</ h2 >
96- < h3 > {{ conference.city }} {{ conference.year }}</ h3 >
97- {% endif %}
98- </ div >
99- < hr >
100- {% if conference %}
101- < div class ="details ">
102- < h1 class ="font900 font-yellow "> #{{ conference.number }}</ h1 >
103- < p > {{ conference.address }}</ p >
104- < div >
105- < p > < i class ="far fa-calendar-alt "> </ i > {{ conference.from_date }} - {{ conference.to_date }}</ p >
106- < p > < i class ="fas fa-users "> </ i > {{ conference.max_attendees }} attendees</ p >
107- < p > < i class ="fas fa-globe "> </ i > {{ conference.get_type_display }}</ p >
108- </ div >
109- {# < div > #}
110- {# < a class ="btn btn-primary btn-md round " href ="# " role ="button "> < b > JOIN US</ b > </ a > #}
111- {# </ div > #}
112- {# < div > #}
113- {# < i class ="fa-lg fab fa-facebook-f sn-icons "> </ i > #}
114- {# < i class ="fa-lg fab fa-twitter sn-icons "> </ i > #}
115- {# < i class ="fa-lg fab fa-linkedin-in sn-icons "> </ i > #}
116- {# </ div > #}
117- </ div >
118- {% endif %}
119- </ div >
120-
121- <!-- END of Left Side -->
122-
123-
124- <!-- Main Content -->
125-
126-
127-
128- <!-- END of Main Content -->
129-
130- </ div >
131-
132- <!-- Bootstrap 4 scripts -->
133- < script src ="https://code.jquery.com/jquery-3.2.1.slim.min.js " integrity ="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN " crossorigin ="anonymous "> </ script >
134- < 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 >
135- < script src ="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js " integrity ="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl " crossorigin ="anonymous "> </ script >
136-
137- </ body >
138- </ html >
11+ {% endblock %}
0 commit comments