76 lines
2.5 KiB
HTML
76 lines
2.5 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<title>My Experiences</title>
|
||
|
|
<head>
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
|
||
|
|
|
||
|
|
<style>
|
||
|
|
.row > div{
|
||
|
|
|
||
|
|
margin-top: 100px;
|
||
|
|
padding: 20px;
|
||
|
|
background-color: darkgoldenrod;
|
||
|
|
border: 2px solid black;
|
||
|
|
text-align: center;
|
||
|
|
color: antiquewhite;
|
||
|
|
}
|
||
|
|
h1{
|
||
|
|
text-align:center;
|
||
|
|
margin-top: 100px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#buttons{
|
||
|
|
|
||
|
|
margin-top: 100px;
|
||
|
|
text-align: center;
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<h1> My Experiences</h1>
|
||
|
|
<body>
|
||
|
|
<div class = "row">
|
||
|
|
<div class = "col-3">
|
||
|
|
My experiences with various countries and continents have not been the most. So, exposure to various landscapes is little.
|
||
|
|
</div>
|
||
|
|
<div class = "col-3">
|
||
|
|
The Internet has been the my go-to to understand everything that i miss and learn new things that are strange and unheard of.
|
||
|
|
</div>
|
||
|
|
<div class = "col-3">
|
||
|
|
I compensate to the inexperience of travelling by watching documentries to learn more about various countries and the diverse species of flora and fauna.
|
||
|
|
</div>
|
||
|
|
<div class = "col-3">
|
||
|
|
I appreciate fine art and the craftsmenship of ordinary things which can be enhanced by
|
||
|
|
quality of material and skill.
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id = "buttons">
|
||
|
|
|
||
|
|
<a href="main.html" class="btn btn-primary btn" tabindex="-1" role="button" aria-disabled="true">HomePage</a>
|
||
|
|
|
||
|
|
<a href="interests.html" class="btn btn-primary btn" tabindex="-1" role="button" aria-disabled="true">Interests</a>
|
||
|
|
|
||
|
|
<a href="hobbies.html" class="btn btn-primary btn" tabindex="-1" role="button" aria-disabled="true">Hobbies</a>
|
||
|
|
|
||
|
|
<a href="philosophy.html" class="btn btn-primary btn" tabindex="-1" role="button" aria-disabled="true">Philosophy</a>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|