Untitled

mail@pastecode.io avatar
unknown
plain_text
a month ago
4.2 kB
1
Indexable
Never
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cumpanaz - Renewable Energy</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            line-height: 1.6;
            color: #333;
        }

        h1, h2, h3, h4, h5, h6 {
            margin-bottom: 10px;
        }

        p {
            margin-bottom: 20px;
        }

        ul, ol {
            margin-left: 20px;
        }

        a {
            color: #008CBA;
            text-decoration: none;
        }

        a:hover {
            text-decoration: underline;
        }

        .container {
            width: 80%;
            margin: auto;
            overflow: hidden;
        }

        .header {
            background-color: #008CBA;
            color: white;
            padding: 10px;
            text-align: center;
        }

        .header a {
            color: white;
        }

        .header a:hover {
            color: #ccc;
        }

        .logo {
            float: left;
            margin-right: 20px;
        }

        nav {
            float: left;
        }

        nav ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

        nav ul li {
            display: inline;
            margin-right: 20px;
        }

        nav ul li:last-child {
            margin-right: 0;
        }

        .highlight {
            color: #008CBA;
        }

        .content {
            clear: both;
            padding: 20px 0;
        }

        .sidebar {
            float: right;
            width: 30%;
            padding: 20px 0;
        }

        .footer {
            background-color: #008CBA;
            color: white;
            text-align: center;
            padding: 10px;
            margin-top: 20px;
        }

        .footer a {
            color: white;
        }

        .footer a:hover {
            color: #ccc;
        }
    </style>
</head>
<body>

<div class="container">
    <div class="header">
        <div class="logo">
            <a href="index.html"><img src="logo.png" alt="Cumpanaz Logo"></a>
        </div>
        <nav>
            <ul>
                <li class="current"><a href="index.html">Home</a></li>
                <li><a href="experience.html">Experience</a></li>
                <li><a href="speed-and-balance.html">Speed And Balance</a></li>
                <li><a href="innovative-electric-bikes.html">Innovative Electric Bikes</a></li>
                <li><a href="electric-service.html">Electric Service</a></li>
                <li><a href="about-us.html">About Us</a></li>
            </ul>
        </nav>
    </div>

    <div class="content">
        <h1>Renewable Energy</h1>
        <p>Transforming Your Journey, Greening The World</p>
        <h2>Product: CHARGE</h2>
        <p>Riding With Style, Pursuing Freedom</p>
        <p>Green And Sustainable</p>
        <p>We believe that mobility doesn't need to harm the environment. We believe that mobility need not harm the environment. With our electric bikes, you not only reduce your carbon footprint. Stylish Green, Fast And Stylish Driving Revolution Electricity Exploration Green, Fast And Stylish</p>
        <h3>01: Exceptional Comfort</h3>
        <p>Get You To Your Destination Fast</p>
        <p>56 -N</p>
        <h2>Our Services</h2>
        <p>Branding Interior Design Web Design & Programming Graphic Design Consultancy Strategy</p>
    </div>

    <div class="sidebar">
        <h3>Contact Us</h3>
        <p>Michelle. Rivera@Example.Com</p>
        <p>(406) 555-0120</p>
        <h3>Follow Us</h3>
        <ul>
            <li><a href="#">LinkedIn</a></li>
            <li><a href="#">个</a></li>
            <li><a href="#">Instagram</a></li>
            <li><a href="#">Facebook</a></li>
        </ul>
    </div>
</div>

<div class="footer">
    <p>Cumpanaz Renewable Energy &copy; 2023. All Rights Reserved.</p>
</div>

</body>
</html>
Leave a Comment