Skip to content

Commit 35c4d9b

Browse files
ohnogauravohnogaurav
committed
initial commit
0 parents  commit 35c4d9b

23 files changed

+1156
-0
lines changed

‎About.html

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<link rel="stylesheet" href="about.css">
5+
<title>About</title>
6+
</head>
7+
<body>
8+
<div class="wrapper">
9+
10+
<div class="background-container">
11+
<div class="bg-1"></div>
12+
<div class="bg-2"></div>
13+
14+
</div>
15+
<div class="about-container">
16+
17+
<div class="image-container">
18+
<img src="aboutus.jpg" alt="">
19+
20+
</div>
21+
22+
<div class="text-container">
23+
<h1>About us</h1>
24+
<p>“Business opportunities are like buses, there’s always another one coming.” <br>
25+
AmbarDuj's mission is to become India’s preferred low-cost airline, delivering the lowest air fares with the highest customer value, to price sensitive customers.We hope to fulfill everyone’s dream of flying!
26+
From aircraft to crew and ground staff the focus is on performance.Each AmbarDuj's employee is groomed to be smart, friendly, efficient and well-informed, ensuring that any interaction will make you feel welcome and looked after.Experienced pilots, well-trained cabin crew will make every flight a comfortable one.The philosophy is no-frills but high-performance.</p>
27+
<a href="">Read More</a>
28+
</div>
29+
30+
</div>
31+
</div>
32+
33+
34+
</body>
35+
</html>

‎Home.html

Lines changed: 82 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,82 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<title>Home</title>
5+
<link rel="stylesheet" href="home.css">
6+
</head>
7+
<body>
8+
<div class="main">
9+
10+
11+
<h1>
12+
13+
14+
<marquee behavior="up" scrollamount="20" height="25" class="moving"> We are hiring!! Jobs Available, For more details Email us @ambardujairlines </marquee>
15+
16+
<div class="menu">
17+
<div class="logo">
18+
19+
<img src="map.jpg">
20+
<marquee width="10" height='640' scrollamount="10" direction="up" class="moving">
21+
LIVE Status
22+
<br><br>
23+
AI 312 ARRIVED
24+
<br><br>
25+
26+
ET 840 ARRIVED
27+
<br><br>
28+
AI 913 DEPARTED
29+
<br><br>
30+
TG 316 DIVERTED
31+
<br><br>
32+
UA 713 CANCELLED
33+
<br><br>
34+
AF 225 DEPARTED
35+
<br><br>
36+
AI 101 ARRIVED
37+
38+
</marquee>
39+
40+
</div>
41+
<div class="button">
42+
<ul>
43+
<li><a href="#" class="btn">Book Ticket</a></li>
44+
<li><a href="#" class="btn">Seat Availability</a></li>
45+
<li><a href="#" class="btn">Airport Status</a></li>
46+
47+
<li><a href="#" class="btn">PNR Status</a></li>
48+
<li><a href="#" class="btn">Running Status</a></li>
49+
<li><a href="#" class="btn">Platform No.</a></li>
50+
51+
</ul>
52+
53+
</div>
54+
</div>
55+
</h1>
56+
57+
58+
59+
</div>
60+
61+
62+
63+
64+
65+
66+
67+
68+
69+
70+
71+
72+
73+
74+
75+
76+
77+
78+
79+
80+
81+
</body>
82+
</html>

‎New Text Document.txt

Whitespace-only changes.

‎about.css

Lines changed: 101 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,101 @@
1+
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
2+
*{
3+
padding: 0;
4+
margin: 0;
5+
box-sizing: border-box;
6+
font-family: 'Roboto', sans-serif;
7+
}
8+
.wrapper{
9+
position: relative;
10+
display: flex;
11+
justify-content: center;
12+
align-items: center;
13+
}
14+
.background-container{
15+
width: 100%;
16+
min-height: 100vh;
17+
display: flex;
18+
}
19+
.bg-1{
20+
flex: 1;
21+
background-color: rgb(180, 243, 175);
22+
}
23+
.bg-2{
24+
flex: 1;
25+
background-color: rgb(163, 236, 240);
26+
}
27+
.about-container{
28+
width: 85%;
29+
min-height: 80vh;
30+
position: absolute;
31+
background-color: white;
32+
box-shadow: 24px 24px 30px #6d8dad;
33+
display: flex;
34+
justify-content: center;
35+
align-items: center;
36+
padding: 20px 40px;
37+
border-radius: 5px;
38+
}
39+
.image-container{
40+
flex: 1;
41+
display: flex;
42+
justify-content: center;
43+
align-items: center;
44+
}
45+
.image-container img {
46+
width: 500px;
47+
height: 500px;
48+
margin: 20px;
49+
border-radius: 10px;
50+
}
51+
.text-container{
52+
flex: 1;
53+
display: flex;
54+
justify-content: center;
55+
align-items: flex-start;
56+
flex-direction: column;
57+
font-size: 22px;
58+
}
59+
.text-container h1{
60+
font-size: 70px;
61+
padding: 20px 0px;
62+
}
63+
.text-container a{
64+
text-decoration: none;
65+
padding: 12px;
66+
margin: 50px 0px;
67+
background-color: rebeccapurple;
68+
border: 2px solid transparent;
69+
color: white;
70+
border-radius: 5px;
71+
transition: .3s all ease;
72+
}
73+
.text-container a:hover{
74+
background-color: transparent;
75+
color: black;
76+
border: 2px solid rebeccapurple;
77+
}
78+
@media screen and (max-width: 1600px){
79+
.about-container{
80+
width: 90%;
81+
}
82+
.image-container img{
83+
width: 400px;
84+
height: 400px;
85+
}
86+
.text-container h1{
87+
font-size: 50px;
88+
}
89+
}
90+
@media screen and (max-width: 1100px){
91+
.about-container{
92+
flex-direction: column;
93+
}
94+
.image-container img{
95+
width: 300px;
96+
height: 300px;
97+
}
98+
.text-container {
99+
align-items: center;
100+
}
101+
}

‎aboutus.jpg

3.24 MB
Loading

‎aero.jpg

246 KB
Loading

‎bg2.jpg

68.9 KB
Loading

‎contact.css

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
* {
2+
box-sizing: border-box;
3+
}
4+
5+
/* Style inputs */
6+
input[type=text], select, textarea {
7+
width: 100%;
8+
padding: 12px;
9+
border: 1px solid #ccc;
10+
margin-top: 6px;
11+
margin-bottom: 16px;
12+
resize: vertical;
13+
}
14+
15+
input[type=submit] {
16+
background-color: #f90808;
17+
color: white;
18+
padding: 12px 20px;
19+
border: none;
20+
cursor: pointer;
21+
}
22+
23+
input[type=submit]:hover {
24+
background-color: #1321e8;
25+
}
26+
27+
/* Style the container/contact section */
28+
.container {
29+
border-radius: 5px;
30+
background-color: #f2f2f2;
31+
padding: 10px;
32+
}
33+
34+
/* Create two columns that float next to eachother */
35+
.column {
36+
float: left;
37+
width: 50%;
38+
margin-top: 6px;
39+
padding: 20px;
40+
}
41+
42+
/* Clear floats after the columns */
43+
.row:after {
44+
content: "";
45+
display: table;
46+
clear: both;
47+
}
48+
49+
/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
50+
@media screen and (max-width: 600px) {
51+
.column, input[type=submit] {
52+
width: 100%;
53+
margin-top: 0;
54+
}
55+
}
56+
57+
58+

‎contact.html

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
<!DOCTYPE html>
2+
<head>
3+
<title>Document</title>
4+
<link rel="stylesheet" href="contact.css">
5+
</head>
6+
<body>
7+
<div class="container">
8+
<div style="text-align:center">
9+
<h2>Contact Us</h2>
10+
<p>Swing by for a cup of coffee, or leave us a message:</p>
11+
</div>
12+
<div class="row">
13+
<div class="column">
14+
<img src="contact.jpg" style="width:100%">
15+
</div>
16+
<div class="column">
17+
<form action="/action_page.php">
18+
<label for="fname">First Name</label>
19+
<input type="text" id="fname" name="firstname" placeholder="Your name..">
20+
<label for="lname">Last Name</label>
21+
<input type="text" id="lname" name="lastname" placeholder="Your last name..">
22+
<label for="country">Country</label>
23+
<select id="country" name="country">
24+
<option value="australia">India</option>
25+
<option value="australia">Australia</option>
26+
<option value="canada">Canada</option>
27+
<option value="usa">USA</option>
28+
</select>
29+
<label for="subject">Subject</label>
30+
<textarea id="subject" name="subject" placeholder="Write something.." style="height:170px"></textarea>
31+
<input type="submit" value="Submit">
32+
</form>
33+
</div>
34+
</div>
35+
</div>
36+
</body>
37+
</html>

‎contact.jpg

70.9 KB
Loading

0 commit comments

Comments
 (0)