CSS body class
📦 WordPress
✨ The Prompt Phrase
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="<?php bloginfo('charset'); ?>">
<?php wp_head(); ?>
<title>Free Energy Engine</title>
</head>
~<body <?php body_class(); ?>>~
<header class="site-header">
<div class="container">
<h1 class="school-logo-text float-left">
<a href="<?php echo site_url(); ?>"><strong>Free Energy</strong> Engine</a>
</h1>
<span class="js-search-trigger site-header__search-trigger"><i class="fa fa-search" aria-hidden="true"></i></span>
<i class="site-header__menu-trigger fa fa-bars" aria-hidden="true"></i>
<div class="site-header__menu group">
<nav class="main-navigation">
<ul>
<li><a href="<?php echo site_url('/about'); ?>">About</a></li>
<li><a href="<?php echo site_url('/cool-inventions'); ?>">Cool Inventions</a></li>
<li><a href="<?php echo site_url('/creativity'); ?>">Creativity</a></li>
<li><a href="<?php echo site_url('/inventions'); ?>">Inventions</a></li>
<li><a href="<?php echo site_url('/privacy-policy'); ?>">Privacy Policy</a></li>
</ul>
</nav>
<div class="site-header__util">
<a href="#" class="btn btn--small btn--orange float-left push-right">Login</a>
<a href="#" class="btn btn--small btn--dark-orange float-left">Sign Up</a>
<span class="search-trigger js-search-trigger"><i class="fa fa-search" aria-hidden="true"></i></span>
</div>
</div>
</div>
</header>
💻 Code Preview
📦 All-in-One Code
<button onclick="window.open('https://report-linker.replit.app/b-qa5YGQOj','_blank')" style="display:inline-block;padding:12px 24px;background:#4F46E5;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;font-family:sans-serif;">CSS body class </button>
Live Preview