Paul Merrill
<!-- index.php -->
<?php get_header(); ?>
<div id="primary" class="content-area">
<main id="main" class="site-main">
<section class="hero">
<div class="container">
<h1>CU Jazz at Cornell</h1>
<p>Explore jazz studies, performance, and education at Cornell University.</p>
</div>
</section>
<section class="overview">
<div class="container">
<h2>About the Program</h2>
<p>Cornell Jazz Ensembles perform a variety of jazz styles and offer opportunities for students of all levels to participate.</p>
</div>
</section>
<section class="cta-buttons">
<div class="container">
<a href="https://music.cornell.edu/instrumental-ensembles" class="btn">Instrumental Ensembles</a>
<a href="https://music.cornell.edu/performance" class="btn">Performance Opportunities</a>
<a href="https://jazz.arts.cornell.edu/students/" class="btn">Student Resources</a>
</div>
</section>
</main>
</div>
<?php get_footer(); ?>
<!-- style.css -->
/*
Theme Name: CU Jazz Theme
Description: Custom WordPress theme inspired by Cornell's CU Jazz page.
Author: Your Name
Version: 1.0
*/
body {
font-family: 'Montserrat', sans-serif;
background-color: #fff;
color: #000;
margin: 0;
padding: 0;
}
.hero {
background-color: #B31B1B;
color: white;
padding: 60px 20px;
text-align: center;
}
.hero h1 {
font-size: 3em;
margin-bottom: 20px;
}
.container {
width: 90%;
max-width: 1200px;
margin: 0 auto;
}
a.btn {
display: inline-block;
background-color: #B31B1B;
color: white;
padding: 12px 20px;
margin: 10px;
text-decoration: none;
border-radius: 5px;
font-weight: bold;
}
a.btn:hover {
background-color: #9e1a1a;
}
section {
padding: 40px 0;
}
h2 {
font-size: 2em;
margin-bottom: 20px;
}
/* Responsive Design */
@media (max-width: 768px) {
.hero h1 {
font-size: 2em;
}
}
<!-- functions.php -->
<?php
function cujazz_theme_setup() {
add_theme_support('title-tag');
add_theme_support('post-thumbnails');
}
add_action('after_setup_theme', 'cujazz_theme_setup');
function cujazz_enqueue_styles() {
wp_enqueue_style('google-fonts', 'https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap', false);
wp_enqueue_style('style', get_stylesheet_uri());
}
add_action('wp_enqueue_scripts', 'cujazz_enqueue_styles');
?>
<!-- header.php -->
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<header class="site-header">
<div class="container">
<h1 class="site-title"><a href="<?php echo home_url(); ?>">CU Jazz</a></h1>
<nav class="site-nav">
<?php wp_nav_menu(array('theme_location' => 'main-menu')); ?>
</nav>
</div>
</header>
<!-- footer.php -->
<footer class="site-footer">
<div class="container">
<p>© <?php echo date('Y'); ?> CU Jazz | Cornell University</p>
</div>
<?php wp_footer(); ?>
</footer>
</body>
</html>
<!-- Add to functions.php -->
<?php
function cujazz_menus() {
register_nav_menus(array(
'main-menu' => __('Main Menu', 'cujazz')
));
}
add_action('init', 'cujazz_menus');
?>