<!DOCTYPE html>
Barirah Uddin - Student Designer
<br>
body {<br>
font-family: Arial, sans-serif;<br>
line-height: 1.6;<br>
margin: 0;<br>
padding: 0;<br>
background-color: #f0f0f0;<br>
color: #333;<br>
}</p>
<div class="highlight"><pre class="highlight plaintext"><code> .container {
max-width: 800px;
margin: auto;
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
header {
text-align: center;
margin-bottom: 30px;
}
header h1 {
color: #333;
font-size: 2.5em;
margin-bottom: 10px;
}
header p {
color: #666;
font-size: 1.2em;
}
.section {
margin-bottom: 40px;
}
.section h2 {
border-bottom: 2px solid #333;
padding-bottom: 5px;
margin-bottom: 10px;
}
.section p {
margin-top: 10px;
}
.portfolio-item {
margin-bottom: 20px;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
}
.portfolio-item h3 {
margin-top: 0;
}
.portfolio-item img {
max-width: 100%;
height: auto;
border-radius: 5px;
}
.contact {
text-align: center;
margin-top: 30px;
}
.contact a {
display: inline-block;
background-color: #333;
color: #fff;
padding: 10px 20px;
text-decoration: none;
border-radius: 5px;
margin-top: 10px;
}
.contact a:hover {
background-color: #555;
}
</style>
</code></pre></div>
<p></head></p>
<p><body><br>
<div class="container"><br>
<header><br>
<h1>Barirah Uddin</h1><br>
<p>Student | Designer</p><br>
</header></p>
<div class="highlight"><pre class="highlight plaintext"><code> <section class="section">
<h2>About Me</h2>
<p>I am a passionate student with a knack for design. I enjoy creating visually appealing projects that make an impact.</p>
</section>
&lt;section class="section"&gt;
&lt;h2&gt;Portfolio&lt;/h2&gt;
&lt;div class="portfolio-item"&gt;
&lt;h3&gt;Project 1&lt;/h3&gt;
&lt;p&gt;Description of Project 1&lt;/p&gt;
&lt;img src="project1.jpg" alt="Project 1"&gt;
&lt;/div&gt;
&lt;div class="portfolio-item"&gt;
&lt;h3&gt;Project 2&lt;/h3&gt;
&lt;p&gt;Description of Project 2&lt;/p&gt;
&lt;img src="project2.jpg" alt="Project 2"&gt;
&lt;/div&gt;
&lt;div class="portfolio-item"&gt;
&lt;h3&gt;Project 3&lt;/h3&gt;
&lt;p&gt;Description of Project 3&lt;/p&gt;
&lt;img src="project3.jpg" alt="Project 3"&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section class="section contact"&gt;
&lt;h2&gt;Contact&lt;/h2&gt;
&lt;p&gt;Feel free to contact me!&lt;/p&gt;
&lt;a href="mailto:your.email@example.com"&gt;Email Me&lt;/a&gt;
&lt;/section&gt;
</div>
</code></pre></div>
<p></body></p>
<p></html></p>
Top comments (1)
Try submitting it to the W3C validator.