2121
2222 <!-- Timer JS -->
2323 < script src ="{% static 'js/timer.js' %} " type ="text/javascript "> </ script >
24+ < script src ="{% static 'js/index.js' %} " type ="text/javascript "> </ script >
2425
2526 <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
2627 <!--[if lt IE 9]>
2728 <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
2829 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
2930 <![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 >
3055</ head >
3156
3257< body >
6590
6691 < div class ="col-xl-3 offset-1 ">
6792 < div >
68- < h1 class ="font900 one "> PyCon</ h1 >
69- < h2 class ="one "> Balkan</ h2 >
70- < h3 > Belgrade 2018</ h3 >
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 %}
7198 </ div >
7299 < hr >
73- < div class ="details ">
74- < h1 class ="font900 font-yellow "> #1</ h1 >
75- < p > Hilton, Kralja Milana 35, 11000 Belgrade Serbia</ p >
76- < div >
77- < p > < i class ="far fa-calendar-alt "> </ i > 8-12 September</ p >
78- < p > < i class ="fas fa-users "> </ i > Over 400 Attendees</ p >
79- < p > < i class ="fas fa-globe "> </ i > International Event</ p >
80- </ div >
81- < div >
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 > #}
82110{# < a class ="btn btn-primary btn-md round " href ="# " role ="button "> < b > JOIN US</ b > </ a > #}
83- </ div >
84- < div >
111+ {# </ div > #}
112+ {# < div > #}
85113{# < i class ="fa-lg fab fa-facebook-f sn-icons "> </ i > #}
86114{# < i class ="fa-lg fab fa-twitter sn-icons "> </ i > #}
87115{# < i class ="fa-lg fab fa-linkedin-in sn-icons "> </ i > #}
116+ {# </ div > #}
88117 </ div >
89- </ div >
118+ {% endif %}
90119 </ div >
91120
92121 <!-- END of Left Side -->
@@ -95,54 +124,64 @@ <h1 class="font900 font-yellow">#1</h1>
95124 <!-- Main Content -->
96125
97126 < div class ="col-xl-6 offset-1 ">
98- < h1 class ="font900 font-blue "> Early bird tickets</ h1 >
99- < div class ="countdown-timer ">
100- < span id ="days " class ="font900 font-blue "> </ span >
101- < span class ="font-blue font900 " id ="days-text "> Days</ span >
102- < ul class ="countdown ">
103- < li >
104- < span id ="hours " class ="hms font-yellow "> </ span >
105- < div class ="hms-text "> hours</ div >
106- </ li >
107- < li >
108- < span id ="minutes " class ="hms font-yellow "> </ span >
109- < div class ="hms-text "> minutes</ div >
110- </ li >
111- < li >
112- < span id ="seconds " class ="hms font-yellow "> </ span >
113- < div class ="hms-text "> sec</ div >
114- </ li >
115- </ ul >
116- </ div >
117- < div class ="moveDown ">
118- {# < a class ="btn btn-secondary btn-md round " href ="# " role ="button " id ="btnBuyNow "> < b > Buy Now</ b > </ a > #}
119- </ div >
127+ {% if count_down %}
128+ < h1 class ="font900 font-blue "> {{ count_down.title }}</ h1 >
129+ < div class ="countdown-timer ">
130+ < span id ="days " class ="font900 font-blue "> </ span >
131+ < span class ="font-blue font900 " id ="days-text "> Days</ span >
132+ < ul class ="countdown ">
133+ < li >
134+ < span id ="hours " class ="hms font-yellow "> </ span >
135+ < div class ="hms-text "> hours</ div >
136+ </ li >
137+ < li >
138+ < span id ="minutes " class ="hms font-yellow "> </ span >
139+ < div class ="hms-text "> minutes</ div >
140+ </ li >
141+ < li >
142+ < span id ="seconds " class ="hms font-yellow "> </ span >
143+ < div class ="hms-text "> sec</ div >
144+ </ li >
145+ </ ul >
146+ </ div >
120147
121- < div class ="moveDown ">
122- {# < h1 class ="font900 font-yellow "> Speakers</ h1 > #}
123- </ div >
148+ {# < div class ="moveDown "> #}
149+ {# < a class ="btn btn-secondary btn-md round " href ="# " role ="button " id ="btnBuyNow "> < b > Buy Now</ b > </ a > #}
150+ {# </ div > #}
151+ {% endif %}
152+
153+ < div class ="moveDown ">
154+ < h1 class ="font900 font-yellow "> Speakers</ h1 >
155+ </ div >
124156
125- < div class ="card-deck moveDown ">
126- < div class ="card ">
127- < div class ="row ">
128- {% for speaker in speakerPhoto %}
129- < div class ="col-sm ">
130- < img src ="{{ speaker.profile_picture }} ">
131- < ul class ="card-body h-100 justify-content-center ">
132- < li > < b > {{ speaker.speaker.name }}</ b > </ li >
133- < hr >
134- < li > {{ speaker.speaker.job }}</ li >
135- </ ul >
157+ {% if speakers %}
158+ < div class ="card-deck moveDown ">
159+ < div class ="card ">
160+ < div class ="row ">
161+ {% for speaker in speakers %}
162+ < div class ="col-sm ">
163+ < img src ="{{ speaker.images.first.profile_picture }} ">
164+ < ul class ="card-body h-100 justify-content-center ">
165+ < li > < b > {{ speaker.name }}</ b > </ li >
166+ < hr >
167+ < li > {{ speaker.job }}</ li >
168+ </ ul >
169+ </ div >
170+ {% endfor %}
136171 </ div >
137- {% endfor %}
138172 </ div >
139173 </ div >
140- </ div >
174+ {% else %}
175+ < div class ="white ">
176+ < span class ="blue "> C</ span > OMING < span class ="yellow "> S</ span > OON
177+ </ div >
178+ {% endif %}
179+
141180
142- < div class ="moveDown ">
181+ {# < div class ="moveDown "> #}
143182{# < a class ="btn btn-secondary btn-md round " href ="# " role ="button " id ="seeMore "> < b > See More</ b > </ a > #}
144183{# < a class ="btn btn-primary btn-md round " href ="# " role ="button " id ="attend "> < b > Attend</ b > </ a > #}
145- </ div >
184+ {# </ div > #}
146185 </ div >
147186
148187
0 commit comments