0% found this document useful (0 votes)
34 views

Message

This document is a website for a travel lover named Maung Ricky. The website includes sections for places to visit, an about page with information about the developer, and a contact page. The places section includes articles on 3-day trips to China and South Korea, and a 1-day trip to Tokyo, each with a photo and price. The about page has a photo of the developer and details his experience creating social media content. And the contact page lists contact details and embeds a Google map.

Uploaded by

Myat Thaw Htet
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
34 views

Message

This document is a website for a travel lover named Maung Ricky. The website includes sections for places to visit, an about page with information about the developer, and a contact page. The places section includes articles on 3-day trips to China and South Korea, and a 1-day trip to Tokyo, each with a photo and price. The about page has a photo of the developer and details his experience creating social media content. And the contact page lists contact details and embeds a Google map.

Uploaded by

Myat Thaw Htet
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 3

<!

DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Maung_Ricky Travel Lover</title>
<link rel="icon" type="image/x-icon" href="travellogo.png">

<style>
body{
width: 960px;
margin: 0 auto;
}
#nav{
background-color:lightgreen;
padding: 10px;
margin:10 px;
}
li{
display:inline;
border:2px solide hotpink;
padding:5px;
border-top-left-radius: 0.5em;
border-bottom-right-raduis: 0.5 em;
background-color:pink;
}
a{
text-decoration: none;
text-transform: uppercase;
color: darkblue;
}
a:hover{
color:hotpink;
}
#content{
overflow: auto;
height: 100%;
}
.column1,.column2,.column3{
background-color: lightgreen;
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;
}
#contact{
overflow: auto;
height: 100%;
}
.sample1,.sample2{
width: 460px;
float: left;
margin:10px;
}
</style>
</head>
<body>
<div id="nav">
<h1 style="text-shadow:3px 3px 5px darkblue;">
<img src="travellogo.jpg" width="50px" style="vertical-align:middle;">
Ricky Travel Lover<h1>

<ul>
<li><a href="index.html">Home</a></li>
<li><a href="places.html">Places</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>

</div>

<div id="content">
<div id="feature">
<img src="dubaigg.avif" width="100%">
</div>
<div class="article column1">
<h1>China<h1>
<img src="chinawow.jpg">
<h1>4 Days Trip</h1>
<p>Price:400000 MMK</p>
</div>
<div class="article column2">
<h1>South Korea</h1>
<img src="koreagg.jpeg">
<h1>2 Days Trip</h1>
<p>Price: 200000 MMK</p>
</div>
<div class="article column3">
<h1>Tokyo<h1>
<img src="tokyogg.avif">
<h1>1 Day Trip</h1>
<p>Price: 100000 MMK</p>
</div>

</div>

<div id="aboutcontent">
<div class="article column4">
<img src="ggcuh.jpg">
</div>
<div class="article column5">
<h1>Developer</h1>
<h2>Shine Phone Pyae @ Ricky</h2>
<p style="text-align:justify;">He is a social media influencer who
has more than 3-years of experience in making content in all kind of social medias
such as Tiktok, Youtube, Facebook and Twitch.He have 10,000+ followers/subscribers
in all of his social medias accounts combined.He currently is now mostly active on
his tiktok account but also while focusing on creating his new youtube channel
which he will make all kind of videos like gaming, vlogs and many more.</p>
</div>

</div>

<div i="contact">
<div class="article sample1">
<h1>Contact Information</h1>
<p>&#127969;Address: Tamwe, Yangon, Myanmar</p>
<p>&#128222; Phone: +955 477 555</p>
<p>&#128140;Email: [email protected]</p>
<p>&#127760;Facebook: https://www.facebook.com/Maung_Ricky</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&amp;height=600&amp;hl=en&amp;q=tamwe,yangon+(Your%20Business
%20Name)&amp;t=&amp;z=14&amp;ie=UTF8&amp;iwloc=B&amp;output=embed"><a
href="https://www.gps.ie/sport-gps/">gps watches</a></iframe></div>
</div>
</div>
</body>
</html>

You might also like