Message

<!
DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>STM travel lover</title>
<link rel="icon" type="image/x-icon" href="bus.jpg">
<style type="text/css">
body{width: 960px;
margin: 0 auto;
}
#nav{background-color: lightblue;
padding: 10px;
margin: 10px;
}
li{display: inline;
border: 2px solid darkblue;
border-top-left-radius: 0.7em;
border-top-right-radius: 0.7em;
padding: 5px;
background color: darkslateblue;
margin-left: 5px;}
a{text-transform: uppercase;
text-decoration: none;
color: indianred;}
a:hover{
color: blue;
}
#content{
overflow: auto;
height: 100%;
}
.column1,.column2,.column3{
background-color: lightyellow;
width: 300px;
float: left;
margin: 10px;
}
img{
width: 100%;
}
#nav img{
width: 50px;
}
#aboutcontent{
overflow: auto;
height: 100%;
}
.column4,.column5{
width: 460px;
float: left;
margin: 10px;
}
.sample1,.sample2{
width: 460px;
float: left;
margin: 10px;
}
#footer img {width: 300px; height: 200px;}
</style>
</head>
<body>
<div id="nav">
<h1 style="text-shadow: 3px 3px 5px blue;">
<img src="bus.jpg" width="50px" style="vertical-align: middle;">
STM travel Lover</h1>
<ul>
<li>
<a href="index.html">Home</a></li>
<li>
<a href="index.html">Place</a></li>
<li><a href="index.html">About</a></li>
<li><a href="index.html">Contact</a></li>
</ul>
</div>
<div id="content">
<div id="feature">
<img src="santiagobernabeu.jpg" width="460px">
</div>
<div class="article column1">
<h1>Camp Nou Stadium,Spain</h1>
<img src="camp nou.jpg">
<h2> 4 days trip</h2>
<p>Price: 4000000MMK</p>
</div>

<h1>Santiago Bernabéu Stadium,Spain </h1>
<img src="santiagobernabeu.jpg">
<h2>3 days Trip</h2>
<p>Price: 3000000MMK</p>
</div>
<h1>Old trafford staidum,UK</h1>
<img src="oldtrafford.jpg">
<h2>5 Days Trip</h2>
<p>Price: 800000 MMK</p>
</div>
</div>
<div id="aboutcontent">
<h1>About Us</h1>
<img src="stm.jpg">
</div>
<h1>developer</h1>
<h2>Shin Thant Maung@Peter</h2>
<p style="text-align: justify;">Hello I'm Peter. I am a student in IIP
also know as Institute of International Professionalism. My classroom name is Year
8 Spinel. I like to play football, basketball and watch movies on netflix. My
favourite football player is Gianluigi Buffon and my favourite football team is FC
Barcelona. One day, I would like to go to Spain and watch a football match in
Spotify Camp Nou and support Barcelona!!!. I hope you enjoy your wonderful trip of
visiting famous satidum in Spain!!
</p>
</div>
</div>
<div id="contact">
<div class="article sample1">
<h1>Contact Information</h1>
<p>🏡 Address: Dagon Township, Yangon, Myanmar</p>
<p>💌 Gmail: shinthantmg123456@gmail.com</p>
<p>🌐 Facebook: https://www.facebook.com/Shin Thant Mg</p>
</div>
<div class="article sample2">

<div style="width: 100%"><iframe width="100%" height="250" frameborder="0"
scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?
width=100%25&height=600&hl=en&q=85%20soho%20boyar+(Your%20Business
%20Name)&t=&z=14&ie=UTF8&iwloc=B&output=embed"><a
href="https://www.gps.ie/sport-gps/">bike gps</a></iframe></div>></div>
</div>
<div id="footer">
<marquee>
<img src="stadium1.jpg">
<img src="stadium2.jpg">
<img src="camp nou.jpg">
<img src="oldtrafford.jpg">
<img src="santiagobernabeu.jpg">
</marquee>

<p><a href="index.html">Home</a></p>
<p><a href="#content">Place</a></p>
<p><a href="#aboutcontent">About</a></p>
<p><a href="contact">Contact</a></p>
<p><a href="index.html">Top</a></p>
</div>
<p>🏡Address : Dagon Township, Yangon, Myanmar</p>
<p>📞 Phone: +959 90837489128</p>
<p>💌 Email: shinthantmg123456@gmail.com@gmail.com</p>
<p>🌐 Facebook: https://www.facebook.com/Shin Thant Mg</p>
</div>
<form>
<fieldset>
<legend>Contact Us</legend>
<label>Name:</label>
<br>
<input type="text" name="yourname" placeholder="Enter Your
Name">
<br>
<label>Email:</label>
<br>
<input type="email" name="youremail" placeholder="eg.
rose@gmail.com">
<br>
<label>Message:</label>
<br>
<textarea>Enter your message</textarea>
<br>
<input type="submit" name="btnSend" value="Send">
</fieldset>
</form>
</div>
</div>
<p>© copyright by peter 2023.</p>
</body>
</html>

Message

Uploaded by

Copyright:

Available Formats

Message

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Message

Uploaded by

Copyright:

Available Formats

<!

#footer img {width: 300px; height: 200px;}

<div class="article column2">

<div class="article sample2">

<div class="article column1">

You might also like