add: single event

single-event.php

@@ -0,0 +1,150 @@
+<?php
+
+/**
+ * The template for displaying all single event posts
+ *
+ * @link https://developer.wordpress.org/themes/basics/template-hierarchy/#single-post
+ *
+ * @package UIU_CSE
+ */
+
+get_header(); ?>
+<?php while (have_posts()) : the_post(); ?>
+
+	<main id="main" class="site-main" role="main">
+
+		<div class="sections">
+
+			<section id="event-single-header" class="container">
+				<h5>Event</h5>
+				<h1><?php echo get_the_title(); ?></h1>
+
+				<p class="subtext">
+					<strong>Venue: </strong><?php the_field('event_venue'); ?>
+				</p>
+
+				<span class="news-date single"><?php the_field('news_date'); ?></span>
+
+				<span class="event-published-date">Date & Time: <?php the_field('event_date_start'); ?> to <?php the_field('event_date_end'); ?></span>
+
+				<hr>
+
+				<div class="event-socials">
+					<div>
+						SHARE:
+						<a href="#" class="social-icons"><i class="fa-brands fa-facebook-f"></i></a>
+						<a href="#" class="social-icons"><i class="fa-brands fa-twitter"></i></a>
+						<a href="#" class="social-icons"><i class="fa-brands fa-linkedin-in"></i></a>
+					</div>
+
+				</div>
+			</section>
+
+			<section id="news-single-header" class="container">
+				<div class="news-single-body">
+					<div class="article-cover-image">
+						<img src="<?php echo get_the_post_thumbnail_url(); ?>" alt="">
+						<span class="img-caption"> </span>
+					</div>
+					<div class="article">
+						<?php echo get_the_content(); ?>
+					</div>
+					<hr>
+				</div>
+
+			</section>
+		</div>
+
+	</main>
+
+<?php endwhile; ?>
+<style>
+	p {
+		max-width: 100% !important;
+	}
+
+	header {
+		height: 100px !important;
+	}
+
+	#event-single-header .event-date {
+		font-size: 16px;
+		color: #2F4858;
+		display: block;
+		margin-bottom: 30px;
+	}
+
+	#event-single-header h1 {
+		color: #000 !important;
+		font-family: "DM Serif Text", serif;
+		margin-bottom: 10px !important;
+	}
+
+	#event-single-header h5 {
+		margin-top: 30px;
+		font-size: 30px;
+		color: #2F4858;
+	}
+
+	#event-single-header .subtext {
+		font-size: 22px !important;
+		color: #2F4858 !important;
+	}
+
+	#event-single-header .event-published-date {
+		display: block;
+		color: #485680;
+		font-weight: 800;
+		font-size: 14px;
+	}
+
+	.event-socials {
+		margin: 20px 20px !important;
+		font-size: 26x;
+	}
+
+	.event-socials a {
+		margin: 0px 15px;
+	}
+
+	.social-icons {
+		color: #2F4858;
+	}
+
+	.event-single-body {
+		max-width: 900px !important;
+		margin: 30px auto !important;
+	}
+
+	.event-single-body p {
+		text-align: justify;
+		font-size: 18px;
+		color: #2F4858 !important;
+	}
+
+	.event-single-body ul li {
+		list-style: none;
+		color: #2F4858;
+		font-size: 16px;
+	}
+
+	.event-single-body h3 {
+		font-family: "DM Serif Text", serif;
+		font-size: 26px;
+		color: #2F4858;
+	}
+
+	.event-single-body .event-image img {
+		width: 100%;
+		margin-bottom: 30px;
+	}
+
+	.img-caption {
+		font-size: 14px;
+		color: #475481 !important;
+		line-height: 14px;
+	}
+
+	/*# sourceMappingURL=single-event.css.map */
+</style>
+<?php get_footer(); ?>