Hello world!

Welcome to WordPress. This is your first post. Edit or delete it, then start writing!

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
  <meta charset="<?php bloginfo('charset'); ?>">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
  <header class="site-header">
    <div class="container">
      <div class="logo">
        <a href="<?php echo home_url(); ?>"><?php bloginfo('name'); ?></a>
      </div>
      <nav class="main-nav">
        <?php wp_nav_menu(array('theme_location' => 'main-menu')); ?>
      </nav>
    </div>
  </header>

<?php get_header(); ?>

<section class="hero">
  <div class="hero-content">
    <h1>We Build Digital Experiences</h1>
    <p>Creative strategy. Smart execution. Measurable results.</p>
    <a href="#services" class="btn">Explore Services</a>
  </div>
</section>

<?php get_footer(); ?>

.hero {
  background: url('your-image.jpg') no-repeat center center/cover;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  text-align: center;
}

.hero h1 {
  font-size: 3rem;
  margin-bottom: 0.5em;
}

.hero p {
  font-size: 1.2rem;
  margin-bottom: 1em;
}

.hero .btn {
  background: #ff6600;
  padding: 12px 24px;
  color: #fff;
  text-decoration: none;
  border-radius: 30px;
}

Comments

One response to “Hello world!”