wpflames · September 5, 2020 08:05
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Smooth Scroll to ID - Responsive Landing Page</title>
    <link rel="stylesheet" href="assets/css/style.css">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700;800&display=swap" rel="stylesheet">
 </head>
 <body>

    <header id="header">
        <a href="#" class="logo">YOUR LOGO</a>
        <nav>
            <ul>
                <li><a href="#home" class="active" onclick="toggle()">Home</a></li>
                <li><a href="#about" onclick="toggle()">About</a></li>
                <li><a href="#services" onclick="toggle()">Services</a></li>
                <li><a href="#portfolio" onclick="toggle()">Portfolio</a></li>
                <li><a href="#team" onclick="toggle()">Team</a></li>
                <li><a href="#contact" onclick="toggle()">Contact</a></li>
            </ul>
            <div id="toggle" onclick="toggle()"></div>
        </nav>
    </header>
    <main>
        <article>
            <section id="home" class="cover">
                <div>
                    <h2><span>Responsive</span> Website Design for Beginners</h2>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas accusamus doloribus cum ullam, necessitatibus nesciunt tenetur asperiores quia maxime rerum adipisci, delectus nemo nostrum iusto alias temporibus aliquid ea veritatis?</p>
                    <a class="readmore" href="#">Read More</a>
                </div>
                <img src="images/girl.jpg" alt="">

                <div class="shape"></div>

                <div class="social">
                    <ul>
                        <li><a href="#"><img src="images/facebook.svg" alt=""></a></li>
                        <li><a href="#"><img src="images/instagram.svg" alt=""></a></li>
                        <li><a href="#"><img src="images/twitter.svg" alt=""></a></li>
                    </ul>
                </div>
            </section>

            <section id="about">
                <div class="container">
                    <h2>About Us</h2>
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
                    <a class="readmore" href="">Read More</a>
                </div>
            </section>

            
            <section id="services">
                <div class="container">
                    <h2>Services</h2>
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
                    <a class="readmore" href="">Read More</a>
                </div>
            </section>

            <section id="portfolio">
                <div class="container">
                    <h2>Our Recent Work</h2>
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
                    <a class="readmore" href="">Read More</a>
                </div>
            </section>

            <section id="team">
                <div class="container">
                    <h2>Our Experts</h2>
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
                    <a class="readmore" href="">Read More</a>
                </div>
            </section>

            <section id="contact">
                <div class="container">
                    <h2>Contact Us</h2>
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
                    <a class="readmore" href="">Read More</a>
                </div>
            </section>
        </article>

    </main>
    <footer>

    </footer>

    <script src="assets/js/script.js"></script>
 </body>
 </html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Smooth Scroll to ID - Responsive Landing Page</title>
	<link rel="stylesheet" href="assets/css/style.css">
	<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700;800&display=swap" rel="stylesheet">
	</head>
	<body>

	<header id="header">
	<a href="#" class="logo">YOUR LOGO</a>
	<nav>
	<ul>
	<li><a href="#home" class="active" onclick="toggle()">Home</a></li>
	<li><a href="#about" onclick="toggle()">About</a></li>
	<li><a href="#services" onclick="toggle()">Services</a></li>
	<li><a href="#portfolio" onclick="toggle()">Portfolio</a></li>
	<li><a href="#team" onclick="toggle()">Team</a></li>
	<li><a href="#contact" onclick="toggle()">Contact</a></li>
	</ul>
	<div id="toggle" onclick="toggle()"></div>
	</nav>
	</header>
	<main>
	<article>
	<section id="home" class="cover">
	<div>
	<h2><span>Responsive</span> Website Design for Beginners</h2>
	<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas accusamus doloribus cum ullam, necessitatibus nesciunt tenetur asperiores quia maxime rerum adipisci, delectus nemo nostrum iusto alias temporibus aliquid ea veritatis?</p>
	<a class="readmore" href="#">Read More</a>
	</div>
	<img src="images/girl.jpg" alt="">

	<div class="shape"></div>

	<div class="social">
	<ul>
	<li><a href="#"><img src="images/facebook.svg" alt=""></a></li>
	<li><a href="#"><img src="images/instagram.svg" alt=""></a></li>
	<li><a href="#"><img src="images/twitter.svg" alt=""></a></li>
	</ul>
	</div>
	</section>

	<section id="about">
	<div class="container">
	<h2>About Us</h2>
	<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
	<a class="readmore" href="">Read More</a>
	</div>
	</section>


	<section id="services">
	<div class="container">
	<h2>Services</h2>
	<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
	<a class="readmore" href="">Read More</a>
	</div>
	</section>

	<section id="portfolio">
	<div class="container">
	<h2>Our Recent Work</h2>
	<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
	<a class="readmore" href="">Read More</a>
	</div>
	</section>

	<section id="team">
	<div class="container">
	<h2>Our Experts</h2>
	<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
	<a class="readmore" href="">Read More</a>
	</div>
	</section>

	<section id="contact">
	<div class="container">
	<h2>Contact Us</h2>
	<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
	<a class="readmore" href="">Read More</a>
	</div>
	</section>
	</article>

	</main>
	<footer>

	</footer>

	<script src="assets/js/script.js"></script>
	</body>
	</html>
No results found