محرر ويب أونلاين

<!DOCTYPE html>
<html>
    <style>
        h1 {
            text-align: center;    
        }
        
        section {
            margin-top: 50px;   
        }
        
        #content article {
            margin-bottom: 30px;
        }
        
        #comments article {
            background: #f1f1f1;
            padding: 10px;
            border-radius: 15px;
            margin-bottom: 10px;
        }
        
        #comments article header {
            font-weight: bold;   
        }
    </style>
    <body>
        <article>
			<h1>Becomming a Frontend Developer</h1>
			<section id="content">
				<article>
					<h2>How to start?</h2>
					<p>First thing, you have to study how to think like a programmer,
					so you have to study something called Algorithms. Then you should
					learn HTML, CSS, Javascript in the same order.</p>
				</article>
				<article>
					<h2>How long it takes to become a frontend developer?</h2>
					<p>In general, you need about a year to study all the basics and
					to do some projects.</p>
				</article>
			</section>
			<section id="comments">
				<h2>Comments</h2>
				<article>
					<header>By: Bill Gates - 2020/11/16</header>
					<p>You are totally right!</p>
				</article>
				<article>
					<header>By: Tony Stark - 2020/7/12</header>
					<p>I aggree with him!</p>
				</article>
			</section>
		</article>
    </body>
</html>