diff --git a/template2/style2.css b/template2/style2.css new file mode 100644 index 0000000..682604c --- /dev/null +++ b/template2/style2.css @@ -0,0 +1,109 @@ +*{ + padding: 0; + margin: 0; +} +.header{ + height: 100vh; + background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url(images_2/wall4.jpg); + background-size: cover; + background-position: center; + background-attachment: fixed; + padding-top: 30px; + text-align: center; + color: #fff; +} +.header img{ + width: 250px; + float: left; +} +.login-btn{ + width: 100px; + padding: 8px 0; + outline: none !important; + border: 2px solid goldenrod; + border-radius: 50px; + background: transparent; + color: #fff; + float: right; +} +.header h1{ + padding-top: 200px; + padding-bottom: 0; + font-size: 55px; +} +.header p{ + margin: 18px 0; +} +.input-group{ + width: 90%; + max-width: 500px; + border-radius: 30px; + background: lightgray; + margin: auto; + padding: 2px; +} +.form-control{ + border: 0 !important; + border-radius: 30px 0 0 30px !important; + margin: 2px; + box-shadow: none !important; +} +.input-group-text{ + width: 100px; + background-image: linear-gradient(#bc8c1b,#807b1e); + border: 0 !important; + color: #fff !important; + padding: 0 25px; + border-radius: 30px !important; + box-shadow: none !important; +} +/*------- features -------*/ +.features{ + padding: 100px 0; +} +h1{ + text-align: center; + padding-bottom: 30px; +} +.feature-img img{ + width: 100%; +} +.cost{ + width: 50px; + height: 50px; + background: #bc8c1b; + color: white; + font-weight: 600; + border-radius: 50%; + padding: 10px; + box-shadow: 0 0 10px 1px rgba(37, 73, 214,0.18); + position: absolute; + left: 20px; + bottom: -50px; +} +.feature-img{ + position: relative; +} +.rating{ + padding: 3px; + float: right; + background: white; + bottom: -1px; + right: 20; + position: absolute; +} +.features .fa{ + font-size: 15px; + color: #bc8c1b; +} +.feature-details{ + padding: 30px; + text-align:justify; +} +.feature-details h4{ + font-weight: 600; + margin-top: 20px; +} +.feature-details .fa{ + margin-right: 4px; +} diff --git a/template2/template2.html b/template2/template2.html new file mode 100644 index 0000000..c412fca --- /dev/null +++ b/template2/template2.html @@ -0,0 +1,116 @@ + + + + + + Complete Travel Web- HTML-CSS-Bootstrap + + + + + + +
+
+ + +
+

Travel Around The World

+

Subscribe Excellence Vacation & Travel YouTube Channel

+
+ +
+ +
+
+
+
+

Features Destinations

+
+
+
+
+
+ +
+

$399

+
+
+ + + + + +
+
+
+

Tokyo

+

Enjoy a classic Mt Fuji tour from Tokyo and explore the nearby destinations locals and travelers love!

+
+ Tokyo + 5 days + 4 nights +
+
+
+
+
+
+
+ +
+

$299

+
+
+ + + + + +
+
+
+

Singapore

+

Future World! Where Art Meets Science is being transformed in one of its most dramatic redevelopments to date!

+
+ Singapore + 3 days + 2 nights +
+
+
+
+
+
+
+ +
+

$199

+
+
+ + + + + +
+
+
+

Thailand

+

Enjoy round trip hotel transfers, ride aboard a speedboat, inclusive lunch, and more!

+
+ Thailand + 3 days + 2 nights +
+
+
+
+
+
+
+ + + + + \ No newline at end of file