├── img ├── P1.JPG ├── P2.jpg ├── hotel.jpg ├── hotel2.jpg ├── photo-1.jpg ├── photo-2.jpg ├── showcase.jpg └── test-bg.jpg ├── README.md ├── css ├── mobile.css └── style.css ├── About.html ├── index.html └── Contact.html /img/P1.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thatt-server-guy/Hotel-Website/HEAD/img/P1.JPG -------------------------------------------------------------------------------- /img/P2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thatt-server-guy/Hotel-Website/HEAD/img/P2.jpg -------------------------------------------------------------------------------- /img/hotel.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thatt-server-guy/Hotel-Website/HEAD/img/hotel.jpg -------------------------------------------------------------------------------- /img/hotel2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thatt-server-guy/Hotel-Website/HEAD/img/hotel2.jpg -------------------------------------------------------------------------------- /img/photo-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thatt-server-guy/Hotel-Website/HEAD/img/photo-1.jpg -------------------------------------------------------------------------------- /img/photo-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thatt-server-guy/Hotel-Website/HEAD/img/photo-2.jpg -------------------------------------------------------------------------------- /img/showcase.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thatt-server-guy/Hotel-Website/HEAD/img/showcase.jpg -------------------------------------------------------------------------------- /img/test-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thatt-server-guy/Hotel-Website/HEAD/img/test-bg.jpg -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ![hotel-web](https://user-images.githubusercontent.com/87219816/133098822-d9ac1d7a-9af4-47fa-bfda-5f6ce594747c.PNG) 2 | ![hoteeel](https://user-images.githubusercontent.com/87219816/133099036-29c34d47-1320-4a49-b866-ae1e6633f75d.PNG) 3 | 4 | -------------------------------------------------------------------------------- /css/mobile.css: -------------------------------------------------------------------------------- 1 | #navbar .logo { 2 | float: none; 3 | text-align: center; 4 | } 5 | 6 | #navbar ul, #navbar ul li { 7 | float:none; 8 | text-align: center; 9 | } 10 | #navbar ul li a { 11 | padding: 5px; 12 | border: 1px dotted #444; 13 | } 14 | 15 | 16 | 17 | #home-info .info-img { 18 | display:none; 19 | } 20 | 21 | #home-info .info-content { 22 | 23 | float: none; 24 | width: 100%; 25 | } 26 | 27 | .box { 28 | 29 | float: none; 30 | width: 100%; 31 | 32 | } 33 | 34 | #about-info .info-left, 35 | #about-info .info-right { 36 | float: none; 37 | width: 100%; 38 | } 39 | #about-info .info-right { 40 | padding-top: 30px; 41 | } 42 | 43 | #testimonials .testimonial { 44 | color: black; 45 | } 46 | .l-heading { 47 | text-align: center; 48 | } 49 | #contact-info .box { 50 | border-bottom: 1px dotted #444; 51 | } -------------------------------------------------------------------------------- /About.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | Fancy Marquee | About 11 | 12 | 13 |
14 | 24 |
25 | 26 |
27 |
28 |
29 |

About Fancy Marquee

30 |

Fancy Marquee Hotel is a wonderfully decorated hotel located at a beautiful point in Islamabad. It features you to have a best view to explore the beautiful Pakistan with well-furnished rooms.

31 | 32 |

So, Don't be late, A peaceful life is waiting for you. Just go, Book a room and Enjoy the beauty of nature.

33 |
34 |
35 | About Page 36 |
37 |
38 |
39 | 40 |
41 | 42 |
43 |
44 |

What our Guests Says

45 |
46 | Samantha 47 |

A great place to live and enjoy a comfortable life with lots of useful facilities providing the best living standards. 48 |

Arbab Hussain

49 |

50 |
51 |
52 | Jan 53 |

A beautifully located place to visit and explore the beauty of Islamabad with bundle of tasty meals offered. 54 |

Sheraz Hussain

55 |

56 |
57 |
58 |
59 | 60 | 63 | 64 | 65 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | Fancy Marquee 13 | 14 | 15 | 16 |
17 | 29 | 30 | 31 |
32 |
33 |
34 |

Fancy Marquee

35 |

Enjoy your day with us

36 | About our Hotel 37 |
38 |
39 |
40 |
41 | 42 |
43 |
44 |
45 |

The History of Hotel

46 |

Welcome to Fancy Marque, where luxury meets indulgence in every 47 | detail. Nestled amidst breathtaking landscapes, our hotel stands as a 48 | beacon of opulence and refinement. From the moment you step through 49 | our grand entrance, you'll be enveloped in an ambiance of 50 | sophistication and unparalleled hospitality. Whether you're seeking 51 | relaxation by our pristine poolside oasis or rejuvenation at our 52 | world-class spa. Experience the epitome of luxury hospitality and 53 | create unforgettable memories with us at Fancy Marque, where every 54 | stay is an extraordinary journey. 55 |

56 | Read more 57 |
58 | 59 |
60 | 61 |
62 |
63 | 64 |

Great Location

65 |

It offers a great location with beautiful views.

66 |
67 |
68 | 69 |

Free Meals

70 |

Lots of saving offers go well here almost everyday.

71 |
72 |
73 | 74 |

Fitness Room

75 |

Beautiful fitness rooms to be fit and hit the gym

76 |
77 | 78 |
79 | 80 |
81 | 82 | 85 | 86 | 87 | -------------------------------------------------------------------------------- /Contact.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | Fancy Marquee | Contact 12 | 13 | 14 |
15 | 25 |
26 | 27 |
28 |
29 |

Contact Us

30 |

Please Fill The Form To Contact Us

31 | 32 | 33 |
34 | 35 | 36 | 37 |
38 | 39 | 40 |
41 |
42 | 43 | 44 |
45 |
46 | 47 | 48 |
49 | 50 | 51 | 52 |
53 |
54 |
55 | 56 |
57 |
58 |
59 | 60 |

Location

61 |

Near Faisal Mosque, Islamabad, Pakistan

62 |
63 |
64 | 65 |

Phone:

66 |

+923 483016704

67 |
68 |
69 | 70 |

Email

71 |

daoudhussain302@gmail.com

72 |
73 |
74 |
75 | 76 | 79 | 80 | 81 | 82 | -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | } 5 | 6 | html,body { 7 | font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; 8 | line-height: 1.7em; 9 | } 10 | /*------- Utility Classes--------- */ 11 | .container { 12 | margin: auto; 13 | max-width: 1100px; 14 | padding: 0 20px; 15 | overflow: auto; 16 | background-image: url(../img/); 17 | } 18 | .text-primary { 19 | color: #f7c08a; 20 | } 21 | 22 | .lead { 23 | font-size: larger; 24 | } 25 | .btn { 26 | display: inline-block; 27 | padding: 13px 20px; 28 | font-size: 18px; 29 | background:#333 ; 30 | color: #fff; 31 | border: none; 32 | cursor: pointer; 33 | } 34 | 35 | .btn:hover { 36 | background: #f7c08a; 37 | color: #fff; 38 | } 39 | .btn-light { 40 | background: #f4f4f4; 41 | color: #333; 42 | } 43 | 44 | .bg-dark { 45 | background: #333; 46 | color: #fff; 47 | 48 | } 49 | .bg-light { 50 | background: #f4f4f4; 51 | color: #333; 52 | } 53 | .bg-primary { 54 | background: #f7c0f7; 55 | color: #333; 56 | } 57 | 58 | .clr { 59 | clear: both; 60 | } 61 | 62 | .l-heading { 63 | font-size: 40px; 64 | line-height: 1.2; 65 | } 66 | 67 | .py-1 { padding: 10px 0; } 68 | .py-2 { padding: 20px 0; } 69 | .py-3 { padding: 30px 0; } 70 | /* ---------Common Classes ----------*/ 71 | a { 72 | text-decoration: none; 73 | } 74 | 75 | h1,h2,h3 { 76 | padding: 20px; 77 | padding-left: 0px; 78 | 79 | } 80 | p { 81 | margin: 10px 0; 82 | } 83 | 84 | #navbar { 85 | background: rgb(7, 1, 1); 86 | color: #fff; 87 | overflow: auto; 88 | } 89 | 90 | #navbar a { 91 | color: #fff; 92 | } 93 | 94 | #navbar .logo { 95 | float: left; 96 | padding-top: 20px; 97 | } 98 | 99 | #navbar ul { 100 | list-style: none; 101 | float: right; 102 | } 103 | #navbar ul li { 104 | float: left; 105 | } 106 | #navbar ul li a { 107 | display: block; 108 | padding: 20px; 109 | } 110 | #navbar ul li a:hover, 111 | #navbar ul li a.current { 112 | background-color: #444; 113 | color:#f7c08a; 114 | } 115 | 116 | #showcase { 117 | background: url('../img/showcase.jpg') no-repeat center center/cover; 118 | height: 600px; 119 | } 120 | #showcase .showcase-content { 121 | text-align: center; 122 | color: #fff; 123 | padding-top: 170px; 124 | } 125 | 126 | #showcase .showcase-content h1 { 127 | font-size: 60px; 128 | line-height: 1.2em; 129 | } 130 | #showcase .showcase-content p { 131 | padding-bottom: 20px; 132 | line-height: 1.7em; 133 | } 134 | 135 | #home-info { 136 | height: 400px; 137 | 138 | 139 | } 140 | #home-info .info-img { 141 | float: left; 142 | width: 50%; 143 | background: url('../img/photo-1.jpg') no-repeat; 144 | min-height: 100%; 145 | 146 | } 147 | 148 | #home-info .info-content { 149 | float: right; 150 | width: 50%; 151 | height: 100%; 152 | text-align: center; 153 | padding: 0px; 154 | overflow: hidden; 155 | border:0px; 156 | } 157 | #home-info .info-content p { 158 | /* padding-bottom: 30px; */ 159 | padding: 0px 30px; 160 | text-align: justify; 161 | } 162 | 163 | 164 | .box { 165 | float: left; 166 | width: 33.3%; 167 | text-align: center; 168 | padding: 50px 0; 169 | 170 | 171 | } 172 | 173 | .main-footer { 174 | background: #333; 175 | color: #fff; 176 | text-align: center; 177 | padding: 20px; 178 | } 179 | 180 | #about-info .info-right { 181 | float: right; 182 | width: 50%; 183 | min-height: 100%; 184 | } 185 | 186 | #about-info .info-left { 187 | float: left; 188 | width: 50%; 189 | } 190 | 191 | #about-info .info-right img { 192 | display: block; 193 | margin: auto; 194 | width: 70%; 195 | border-radius: 50%; 196 | } 197 | 198 | #testimonials { 199 | height: 100%; 200 | background: url('../img/test-bg.jpg') no-repeat center center/cover; 201 | padding-top: 100px; 202 | } 203 | 204 | #testimonials h2 { 205 | color: #fff; 206 | text-align: center; 207 | padding-bottom: 40px; 208 | } 209 | 210 | #testimonials .testimonial { 211 | padding: 20px; 212 | margin-bottom: 40px; 213 | height: 100px; 214 | border-radius: 5px; 215 | opacity: 0.9; 216 | 217 | } 218 | 219 | #testimonials .testimonial img { 220 | width: 100px; 221 | float: left; 222 | margin-right: 20px; 223 | border-radius: 50%; 224 | align-items: center; 225 | 226 | } 227 | 228 | 229 | #contact-form .form-group { 230 | margin-bottom: 20px; 231 | padding: 0; 232 | 233 | } 234 | 235 | #contact-form label { 236 | display: block; 237 | margin-bottom: 5px; 238 | } 239 | 240 | #contact-form input, 241 | #contact-form textarea { 242 | width: 99%; 243 | padding: 10px; 244 | border: 1px solid #ddd; 245 | } 246 | 247 | #contact-form input:focus, 248 | #contact-form textarea:focus { 249 | outline: none; 250 | border-color: #f7c08a; 251 | } 252 | #contact-form textarea { 253 | height: 200px; 254 | } 255 | --------------------------------------------------------------------------------