Skip to content

Commit 6e77c0b

Browse files
nilajcodernilajcoder
committed
Banner 3
1 parent 5fb56b1 commit 6e77c0b

9 files changed

Lines changed: 179 additions & 0 deletions

File tree

‎Html/Chrismas Banner 3/images/crishtmas-text.png‎

24.5 KB
Loading

‎Html/Chrismas Banner 3/images/cristmas-background.jpg‎

60.6 KB
Loading

‎Html/Chrismas Banner 3/images/cristmas-img.png‎

206 KB
Loading

‎Html/Chrismas Banner 3/images/image (1).png‎

125 KB
Loading

‎Html/Chrismas Banner 3/images/image (3)_cleanup (1).png‎

476 KB
Loading

‎Html/Chrismas Banner 3/images/image (3)_cleanup (2).png‎

319 KB
Loading

‎Html/Chrismas Banner 3/images/logo.png‎

97 KB
Loading

‎Html/Chrismas Banner 3/index.html‎

Lines changed: 66 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,66 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Document</title>
8+
<link rel="stylesheet" href="style.css">
9+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet"
10+
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
11+
12+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
13+
14+
</head>
15+
16+
<body>
17+
18+
<div class="container my-4">
19+
<div class="cardPosition">
20+
<div class="cardStyle p-2">
21+
<div class="row">
22+
<div class="col-lg-6 col-md-5 col-6">
23+
<div class="leftCard">
24+
<img src="./images/logo.png" alt="logo">
25+
<div class="crishmasText">
26+
<img src="./images/crishtmas-text.png" alt="">
27+
<!-- <h4>Marry cristmas</h4> -->
28+
<div class="cardText">
29+
<p>Wishing you all the best that life can bring. Merry Christmas to you and a year
30+
Full Of
31+
blessings.</p>
32+
<h6>Addmission open session 2023-2024</h6>
33+
</div>
34+
</div>
35+
</div>
36+
</div>
37+
<div class="col-lg-6 col-md-5 col-6">
38+
<div class="rightCard">
39+
<img src="./images/cristmas-img.png" alt="">
40+
</div>
41+
</div>
42+
</div>
43+
44+
</div>
45+
<div class="footer">
46+
<div class="footer1">
47+
<p>Addmission helpline +917501457587, +918207073099</p>
48+
</div>
49+
<div class="footer2">
50+
<p>Tarakeswar, Hooghly | Email : info@ngtiq.com | www.ngtiq.com</p>
51+
</div>
52+
</div>
53+
54+
</div>
55+
56+
</div>
57+
58+
59+
60+
61+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
62+
integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
63+
crossorigin="anonymous"></script>
64+
</body>
65+
66+
</html>

‎Html/Chrismas Banner 3/style.css‎

Lines changed: 113 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,113 @@
1+
/* Global styles */
2+
3+
@import url('https://fonts.googleapis.com/css2?family=Courgette&family=Paytone+One&family=Sacramento&display=swap');
4+
5+
body {
6+
font-family: Arial, sans-serif;
7+
background-color: #f4f4f4 !important;
8+
margin: 0;
9+
padding: 0;
10+
}
11+
12+
.container {
13+
display: flex;
14+
justify-content: center;
15+
}
16+
17+
.cardPosition {
18+
width: 510px;
19+
background-color: #fff;
20+
border-radius: 4px;
21+
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
22+
background-image: url("./images/image\ \(3\)_cleanup\ \(2\).png");
23+
height: 502px;
24+
background-position: center;
25+
background-repeat: no-repeat;
26+
background-size: cover;
27+
}
28+
29+
/* .bgColor {
30+
width: 100%;
31+
height: 100%;
32+
background-color: #44444484;
33+
} */
34+
35+
.cardStyle {
36+
display: flex;
37+
justify-content: space-between !important;
38+
}
39+
40+
.leftCard {
41+
/* background: #fff; */
42+
height: 90px;
43+
border-radius: 5px;
44+
}
45+
46+
.leftCard img {
47+
width: 180px;
48+
}
49+
50+
.crishmasText {
51+
padding-top: 20px;
52+
}
53+
54+
.crishmasText img {
55+
width: 225px;
56+
height: 100%;
57+
}
58+
59+
.rightCard {
60+
/* text-align: right; */
61+
}
62+
63+
.rightCard img {
64+
width: 100%;
65+
height: auto;
66+
}
67+
68+
.cardText {
69+
padding: 0px 0 0 25px;
70+
}
71+
72+
.cardText p {
73+
font-size: 14px;
74+
font-weight: 400;
75+
font-weight: 700;
76+
font-style: oblique;
77+
}
78+
79+
.cardText h6{
80+
font-family: 'Paytone One', sans-serif;
81+
font-size: 14px;
82+
text-transform: uppercase;
83+
}
84+
85+
.footer{
86+
margin-top: 42px;
87+
}
88+
89+
.footer1{
90+
background: #006cb5;
91+
text-align: center;
92+
}
93+
94+
.footer1 p{
95+
color: #fff;
96+
font-size: 16px;
97+
font-weight: 700;
98+
text-transform: uppercase;
99+
padding: 10px 0 10px 0;
100+
}
101+
102+
.footer2{
103+
background: #ffd302;
104+
text-align: center;
105+
margin-top: -16px;
106+
}
107+
108+
.footer2 p{
109+
color: #000;
110+
font-size: 16px;
111+
font-weight: 700;
112+
padding: 10px 0 10px 0;
113+
}

0 commit comments

Comments
 (0)