This is a portfolio website to show some services provided by the company "Some company name". This is currently under development. We will keep on adding new features in the website and the readme as we move further.
Header has logo and name of the company along with the navigation bar to different pages such as Home, About, Services and Contact. Here is the code for the header:
<header>
<div class="logo-name">
<a href="#">
<img src="https://coderacademy.edu.au/images/footerLogo.png" alt="CA Logo">
</a>
<p class="name">
<span class="coder-text">Coder</span>
<span class="academy-text">Academy</span>
</p>
</div>
<nav>
<a href="#">Home</a>
<a href="pages/services.html">Services</a>
<a href="pages/about.html">About</a>
<a href="pages/contact.html">Contact</a>
</nav>
</header>
Footer has social media links and some other informations such as contact and address. Here is the code we have for the footer:
<footer>
<div class="social-media">
<a href="https://www.facebook.com" target="_blank">
<i class="fa-brands fa-facebook"></i>
</a>
<a href="https://www.linkedin.com" target="_blank">
<i class="fa-brands fa-linkedin"></i>
</a>
<a href="https://www.x.com" target="_blank">
<i class="fa-brands fa-twitter"></i>
</a>
</div>
<div class="info">
<p>Contact: 040000000</p>
<p>Address: 1 street, suburb</p>
</div>
</footer>
Note: Header and Footer components have been made responsive depending upon screen size.
Home page is the starting page of the website which consists of a cover image and some detail about the company.
Services page shows different services provided by the company such as web development. This page shows three services.
The contact page allows user to contact the company by providing different information.
The about page provides some information about the company to the users.