Skip to content

nisa 01 #30

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
nisa2912 wants to merge 6 commits into
base: main
Choose a base branch
from
Open

nisa 01 #30

Show file tree
Hide file tree
Changes from 2 commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
85ac1c8
nisa 01
Mar 21, 2022
1030fff
new commit
Mar 21, 2022
3281ef6
made the changes
Mar 21, 2022
2c5f83c
new changes made
Mar 24, 2022
f8583e4
changes fixed
Mar 24, 2022
4d11ad2
commited
Mar 24, 2022
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
71 changes: 71 additions & 0 deletions Noor-E-Nisa/01/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,71 @@
<!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>Best Property in April</title>
<link rel="stylesheet" href="style.css">
<!-- google fonts roboto link -->
<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&display=swap" rel="stylesheet">
<!-- font awesome link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg==" crossorigin="anonymous" referrerpolicy="no-referrer" /></head>
<body>

<div class="property-header">
<h2>Best Property in April</h2>
<div>

</div>
<p class="arrows">
<a class="symbol" href="#"><i class="fa-solid fa-arrow-left"></i></a>
<a class="symbol" href="#"><i class="fa-solid fa-arrow-right"></i></a>
</p>
</div>


<div class="container">

<!-- first box -->
<div class="box" id="box1">
<div class="img">
<img class="building-img" src="https://via.placeholder.com/140x100" alt="placeholder">

</div>
<div class="text">
<h4>Tokas Penthouse</h4>
<a href="#">Learn more <i class="fa-solid fa-arrow-right"></i></a>
</div>

</div>
<!-- second box -->
<div class="box" id="box2">
<div class="img">
<img class="building-img" src="https://via.placeholder.com/140x100" alt="placeholder">

</div>
<div class="text">
<h4>Tokas Penthouse</h4>
<a href="#">Learn more <i class="fa-solid fa-arrow-right"></i></a>
</div>

</div>
<!-- third box -->
<div class="box" id="box3">
<div class="img">
<img class="building-img" src="https://via.placeholder.com/140x100" alt="placeholder">

</div>
<div class="text">
<h4>Tokas Penthouse</h4>
<a href="#">Learn more <i class="fa-solid fa-arrow-right"></i></a>
</div>

</div>

</div>

</body>
</html>
91 changes: 91 additions & 0 deletions Noor-E-Nisa/01/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,91 @@
body{
margin: 0;
padding: 0;
max-width: 100%;
font-family: 'Roboto', sans-serif;
}
.property-header{
display: grid;
grid-template-columns: 2fr 2fr 1fr;
}

.property-header h2{
margin-left: 170px;
margin-top: 40px;
color: #101047;
}
.arrows{
margin-top: 50px;
}
a{
text-decoration: none;
}
img{
border-radius: 10px;
padding: 5px;
}
.symbol{
border: 1px solid #d4d4d4;
color: black;
padding: 10px;
font-size: 12px;
border-radius: 50%;
}

.container{
display: flex;
gap: 20px;
align-items: center;
justify-content: center;
}

.box{
display: flex;
border-radius: 10px;
}
.box h4{
color: #101047;

}
#box2{
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0), 0 2px 20px 0 rgba(0, 0, 0, 0.1);
}
#box1, #box3{
border: 1px solid #f2f2f2;
}

.text{
padding: 10px;
}
.text a{
color: #696969;

}


@media screen and (max-width: 400px) {
*{
max-width: 100%;
}
.property-header{
display: grid;
grid-template-columns: 2fr 1fr 1fr;
}

.property-header h2{
margin-left: 50px;

}

.container{
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.box{
width: 80%;
box-sizing: border-box;
}
}
1 change: 1 addition & 0 deletions Noor-E-Nisa/README.md.txt
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
Noor-E-Nisa
16 changes: 16 additions & 0 deletions Noor-E-Nisa/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<title>RixoTech / Noor-E-Nisa</title>
</head>
<body>
<ul>
<li>
<a href="./01/index.html">01</a>
</li>
</ul>
</body>
</html>
2 changes: 2 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,8 @@
<li><a href="./Mintu Das/index.html">Mintu Das</a></li>
<li><a href="./Mozahidul Islam/index.html">Md Mozahidul Islam</a></li>
<li><a href="./Firuz kabir/index.html">Firuz Kabir</a></li>
<li><a href="./Noor-E-Nisa/index.html">Noor-E-Nisa</a></li>

</ul>
</body>
</html>