Skip to content

Pre-assignment project done #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Pre-assignment project done #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
aeae586
New folder created
Suklapoddar2223 Jan 16, 2023
ffc2d87
Update README.md
Suklapoddar2223 Jan 16, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 0 additions & 2 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,2 +0,0 @@
index.html
style.css
2 changes: 2 additions & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,7 @@
# ISA-HTML-CSS-PreAssignment

## https://resonant-medovik-701f36.netlify.app/

## Instructions

- Follow the steps carefully to complete the assigments
Expand Down
164 changes: 164 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,164 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PreAssignment</title>
<!-- link/cdn for google font -->
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<!-- below is font awesome link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="./style.css">
</head>
<body>
<!-- Header Section Starts Here -->

<header id="project-header">

<nav id="nav-icon">
<ul>
<li><a href="#" class="nav__link">Home</a></li>
<li><a href="#" class="nav__link">Register</a></li>
<li><a href="#" class="nav__link">Log In</a></li>
<li><a href="#" class="nav__link">Log Out</a></li>
<li><a href="#" class="nav__link">Contact</a></li>
</ul>
</nav>

</header>

<!-- Header Section Ends Here -->
<main>
<!-- Team members section starts here -->

<section id="team-members" class="team__member">
<h2 class="section-heahding">Meet Team Members</h2>
<main class="section-container">
<table class="members__details">
<tr>
<th class="members__detail">
<div class="container">
<img src="./images/allef-vinicius.jpg" alt="img1" class="member-image" >
<div class="personal-details">
<h2 class="member__about">Lisa Milton</h2>
<h3 class="mamber__proffession">Software Engineer</h3>
<h3 class="member__country">Australia</h3>
</div>
</div>
</th>

<th class="members__detail">
<div class="container">
<img src="./images/Usman_Islam.jpg" alt="img1" class="member-image">
<div class="personal-details">
<h2 class="member__about">Anisul Islam</h2>
<h3 class="mamber__proffession">Full-stack Web Developer</h3>
<h3 class="member__country">Bangladesh</h3>
</div>
</div>
</th>

<th class="members__detail">
<div class="container">
<img src="./images/allef-vinicius.jpg" alt="img1" class="member-image">

<div class="personal-details">
<h2 class="member__about">Lisa Milton</h2>
<h3 class="mamber__proffession">Software Engineer</h3>
<h3 class="member__country">Australia</h3>
</div>
</div>
</th>
</tr>
<tr>
<th class="members__detail">
<div class="container">
<img src="./images/Usman_Islam.jpg" alt="img1" class="member-image">

<div class="personal-details">
<h2 class="member__about">Anisul Islam</h2>
<h3 class="mamber__proffession">Full-stack Web Developer</h3>
<h3 class="member__country">Bangladesh</h3>
</div>
</div>
</th>
<th class="members__detail">
<div class="container">
<img src="./images/allef-vinicius.jpg" alt="img1" class="member-image">
<div class="personal-details">
<h2 class="member__about">Lisa Milton</h2>
<h3 class="mamber__proffession">Software Engineer</h3>
<h3 class="member__country">Australia</h3>
</div>
</div>
</th>
<th class="members__detail">
<div class="container">
<img src="./images/Usman_Islam.jpg" alt="img1" class="member-image">
<div class="personal-details">
<h2 class="member__about">Anisul Islam</h2>
<h3 class="mamber__proffession">Full-stack Web Developer</h3>
<h3 class="member__country">Bangladesh</h3>
</div>
</div>
</th>
</tr>


</table>
<!-- Team Members Section ends here -->
</main>
<!-- footer section starts here -->
<footer class="footer">

<div id="footer-icon">

<h2>Home|</h2>
<h2>Register|</h2>
<h2>Log In|</h2>
<h2>Log Out|</h2>
<h2>Contact|</h2>

</div>
<div class="footer__para">
<p>
<h4><i class="fas fa-map-marker"></i>Tampere,Finland</i></h4>
<h4><i class="fa fa-phone"></i>+4054644994</h4>
<h4><i class="fa fa-envelope"></i>+4054644994</h4>
</p>
</div>
<div class="about-company">
<h3 class="company">About This Company</h3>
<p class="para">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Veniam ullam qui tenetur necessitatibus illo magnam harum sed cupiditate recusandae eum temporibus laudantium voluptatum hic velit, blanditiis officia. Modi, temporibus dignissimos.</p>
</div>

<nav class="footer-nav">
<a href="https://www.facebook.com/" target="_blank" class="footer__link">
<i class="fab fa-facebook footer__icon"></i>
</a>
<a href="https://www.youtube.com/" target="_blank" class="footer__link">
<i class="fab fa-youtube footer__icon"></i></i>
</a>
<a href="#" target="_blank" class="footer__link">
<i class="fab fa-linkedin footer__icon"></i>
</a>
</nav>


</footer>


</div>


</section>





<!-- Team members section ends here -->
</main>
</body>
</html>
Loading