TWO COLUMN LAYOUTS

See below for codes and live previews. You can also right click and view page source for the code on the live previews.

summer girl

Created: 11.26.23

<title>Summer Girl</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="" type="image/x-icon">
<link rel="icon" href="" type="image/x-icon">

.wrap {
	top: 110px;
	width: 1100px;
	height: 500px;
	margin: 0 auto;
	min-height: 500px;
}
#bar {
	top: -10px;
	left: 0px;
	width: -blocked-;
	height: auto;
	padding: 1px;
	background: #fff;
	margin-top: 3px;
	text-align: left;
	font: 9px Helvetica;
	line-height: 8px;
	color: #000;
}
#box1 {
	z-index: 7 !important;
	position: absolute;
	margin-top: 297px;
	left: 365px;
	width: 445px;
	height: 470px;
	overflow: auto;
	overflow-x: hidden;
	background: #fff;
	text-align: left;
	font: 9px Helvetica;
	line-height: 8px;
	padding-top 5px;
	color: #000;
	
}

#box2 {
	z-index: 7 !important;
	position: absolute;
	margin-top: 297px;
	left: 135px;
	width: 225px;
	height: 470px;
	overflow: auto;
	overflow-x: hidden;
	background: #fff;
	text-align: left;
	font: 9px Helvetica;
	line-height: 8px;
	padding-top 5px;
	color: #000;
	
}

#image {
	position: absolute;
	width: 800px;
	left: 50px;
	top: 0px;
	z-index: 0 !important;
	height: 484px;
	background-image: url('https://i.ibb.co/TKJdkrL/summerhk.png');
	}
	
.ha, .ah, .eh {
	font: 20px calibri;
	text-transform: uppercase;
	letter-spacing: -2px;
	font-weight: bold;
}
.ha {
	color: #FFAF71;
}
.ah {
	color: #FFEB99;
}
.eh {
	color: #FF99C4;
}
a:link, a:active {
	color: #B4D27A;
	text-decoration: none;
	text-transform: lowercase;
}

a.nav:link, a.nav:visited {
	display: block;
	text-align: center;
	font-family: 'Helvetica';
	font-weight: bold;
	font-style: normal;
	font-size: 22;
	background-color:#FF5EA7;
	color: #FFDAB9;
	margin: 1px 1px 1px 1px;
	padding: 4; 
	text-decoration: none; !important;
}
a.nav:hover {
	color: #E8799B;
	text-decoration: none; !important;
	cursor: crosshair ;
}

a:visited {
	font: 8px Helvetica;
	color: #FF74CC;
	text-decoration: none;
	text-transform: lowercase;
}
a:hover {
	color: #C70039;
	text-transform: lowercase;
}

a.one:link, a.one:visited {
	font-family: 'Helvetica';
	font-weight: normal;
	font-style: normal;
	font-size: 20;
}
a.one:hover {
	color: #FFE9BC;
	text-decoration: none; !important;
	cursor: crosshair ;
	font-size: 19.5;
}

b {
	font-weight: bold;
	color: #FF0083;
	background: #FFE8BF;
}
i {
	font: 7px Helvetica;
	font-style: italic;
	color: #FF7C52;
}

u {
	font: 7px Helvetica;
	font-style: underline;
	color: #FFBCE5;
}

h1 {
	font-family: calibri;
	font-size:8px;
	color: #FF0073;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
	background: #FFD291;
	border:1px solid #FFC46E;
	line-height: 10px;
	padding:1px;
	margin-top:1px;
	margin-bottom:3px;
	margin-left:1px;
	margin-right:1px;
	text-transform: uppercase;
	border-radius: 10px;
}

h2 {
	font-family: calibri;
	font-size:8px;
	color: #FFE6BF;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
	background: #FF99CC;
	border:1px solid #FF389F;
	line-height: 10px;
	padding:1px;
	margin-top:1px;
	margin-bottom:3px;
	margin-left:1px;
	margin-right:1px;
	text-transform: uppercase;
	border-radius: 10px;
}

div.scrollbox {
	height:100;
	width:220;
	background-color:ffffff;
	background-image:url(https://64.media.tumblr.com/9e8634dc4d6a625479ec19244e5b0f2a/tumblr_inline_mlky4v9OGw1r53miq.jpg);
	color:#A02E56;
	text-align:left;
	border-width:1;
	border-style:solid;
	border-color:#FFDEBC;
	overflow-y:scroll
}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: thin;
    scrollbar-color: #ffac4d #ffbdee;
  }

/* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 16px;
  }

*::-webkit-scrollbar-track {
    background: #ffbdee;
  }

*::-webkit-scrollbar-thumb {
    background-color: #ffac4d;
    border-radius: 0px;
    border: 0px solid #ff5c5c;
  }
  
</style>
<div id="image"></div>

<div id="box2">
<a href="/" class="nav">link</a>
<a href="/" class="nav">link</a>
<a href="/" class="nav">link</a>
<a href="/" class="nav">link</a>
text text text text text text text text text text text text text
put a cbox or  webrings and blinkies or something here
<br> <br> <br> 
<font class="eh">updates:</font>
<div class="scrollbox">
<BR>
<b>11.26.23</b> layout made!!!<BR>
<b>11.26.23</b>lol haha update
</div>
<BR><center>
<a class="one"href="/" >more</a> <img src="https://64.media.tumblr.com/1b5c1321a1f84b3008f12ffcee029fd6/tumblr_inline_p7gi2uFnos1qfc9y0_75sq.gifv"> <a class="one"href="/" >links</a> <img src="https://64.media.tumblr.com/1b5c1321a1f84b3008f12ffcee029fd6/tumblr_inline_p7gi2uFnos1qfc9y0_75sq.gifv"> <a class="one"href="/" >here</a> <img src="https://64.media.tumblr.com/1b5c1321a1f84b3008f12ffcee029fd6/tumblr_inline_p7gi2uFnos1qfc9y0_75sq.gifv"> <a class="one"href="/" >lol</a>
</center>

</div>
<div id="box1">
back to <a href="https://pomelo.lol/premades/home">pomelo's premades?</a><p>
<h1>header 1 </h1>

feel free to change/edit anything. you dont have to keep the credit but I appreciate it if you do! if you don't like it at the bottom of the page, feel free to move it to any other page. also, don't worry about rehosting these images on your own sites/servers, they are hosted off neocities so they arent stealing my bandwith lol. <P>
	
       <a href="">links look like this</a> ✚ <b> bold text looks like this</b> ✚ <i>italics look like this </i> ✚ <u>underline looks like this</u> <BR>

<h2>header 2</h2>

Summer, the season of warmth and light, beckons us with its long days and balmy nights. Beneath the surface of this seemingly idyllic season lies a complex tapestry of scientific and meteorological phenomena that shape the landscape, influence weather patterns, and orchestrate the dance of life on Earth. In this exploration, we embark on a journey into the heart of summer, unraveling the intricate web of scientific processes and meteorological dynamics that define this season.
<P><B>
The Astronomical Prelude: Earth's Tilt and the Sun's Radiance
</b>
At the core of summer's genesis lies Earth's axial tilt, a celestial phenomenon that traces its roots to the primordial stages of our planet's formation. Earth tilts at an angle of approximately 23.5 degrees relative to its orbital plane around the sun. This tilt, while responsible for the changing seasons, becomes especially pronounced during the summer months.

As the Northern Hemisphere leans towards the sun, a cosmic ballet ensues, culminating in the summer solstice. Around June 21st, the North Pole experiences its maximum tilt towards the sun, marking the longest day and shortest night of the year. Conversely, in the Southern Hemisphere, this moment coincides with the winter solstice. This intricate interplay of axial tilt and solar radiation sets the stage for the meteorological theatrics that characterize summer.
<P><B>
Solar Insolation and Temperature Dynamics
</b>
Central to the essence of summer is solar insolation — the amount of solar radiation received per unit area at a given location and time. During the summer solstice, the Northern Hemisphere receives the most direct sunlight, leading to increased solar insolation. This phenomenon intensifies as one moves towards higher latitudes.

The tilt of Earth's axis, coupled with the revolution around the sun, causes variations in the duration and angle of sunlight exposure. These variations influence temperature patterns, giving rise to the characteristic warmth associated with summer. The phenomenon known as the subsolar point, where the sun is directly overhead at solar noon, migrates between the Tropics of Cancer and Capricorn throughout the year, reaching its northernmost position during the summer solstice.

As solar energy inundates the Earth's surface, land and water absorb and release heat differently. Land heats up and cools down more rapidly than water, contributing to the development of distinct temperature patterns between continents and oceans. This temperature differential becomes a driving force behind the atmospheric circulation that shapes summer weather.
<P><B>
Atmospheric Circulation: Highs, Lows, and the Jet Stream
</b>
The atmosphere, responding to the uneven distribution of solar energy, engages in a dynamic dance of highs and lows. High-pressure systems, characterized by descending air masses, are a hallmark of summer weather. These anticyclones bring clear skies, light winds, and generally stable conditions. Under the influence of high pressure, air descends, warms, and inhibits the formation of clouds.

Conversely, low-pressure systems, or cyclones, herald the potential for stormy weather. Rising air in these systems cools, leading to the condensation of water vapor and the formation of clouds. The contrast between high and low-pressure systems sets the stage for the creation of weather fronts, zones where different air masses meet and interact.

The jet stream, a high-altitude ribbon of fast-flowing air, also plays a crucial role in shaping summer weather. This meandering river of air, typically located near the boundary between warm and cold air masses, influences the development and movement of weather systems. Its undulating pattern can lead to the intensification or dissipation of storms, affecting precipitation patterns across regions.
<P><B>
Thunderstorms and Precipitation
</b>
Summer is renowned for its spectacular thunderstorms, dynamic displays of atmospheric electricity and meteorological drama. The combination of warm, moist air near the surface and the presence of a triggering mechanism, such as a frontal boundary or daytime heating, sets the stage for convective storms.

As the sun's rays heat the Earth's surface, warm air near the ground rises, creating updrafts. Simultaneously, cooler air aloft descends, forming downdrafts. This convective process, coupled with the release of latent heat from condensing water vapor, fuels the development of towering cumulonimbus clouds. These colossal structures, reaching into the upper atmosphere, become the crucible of thunderstorms.

Lightning, a dazzling manifestation of electrical discharge, illuminates the darkened skies, while thunder reverberates through the atmosphere. Torrential rain, hail, and gusty winds accompany these storms, shaping the precipitation patterns of summer. While some regions experience the welcome relief of rainfall, others grapple with the challenges of flash floods, a testament to the localized and often intense nature of summer storms.
<P><B>
Temperature Extremes and Heatwaves
</b>
Summer, synonymous with warmth, brings with it the potential for temperature extremes and heatwaves. As high-pressure systems dominate, the sinking air inhibits cloud formation and allows for prolonged periods of intense sunshine. This, in turn, leads to the buildup of heat at the Earth's surface.

Urban areas, with their abundance of concrete and asphalt, can amplify the effects of heatwaves, giving rise to urban heat islands. These localized pockets of heightened temperatures pose challenges to public health, energy consumption, and overall comfort. Understanding the factors contributing to temperature extremes is essential for developing strategies to mitigate the impacts of heatwaves on both urban and rural environments.
<P><B>
The Influence of Oceans: El Niño and La Niña
</b>
Oceans, immense reservoirs of thermal energy, exert a profound influence on summer weather patterns. The Pacific Ocean, in particular, plays a pivotal role through the phenomena of El Niño and La Niña. These are part of the larger El Niño-Southern Oscillation (ENSO) cycle, a natural climate pattern that occurs every two to seven years.

El Niño is characterized by the warming of sea surface temperatures in the central and eastern Pacific Ocean. This warming alters atmospheric circulation patterns, influencing weather conditions around the globe. El Niño events can lead to increased rainfall in some regions and drought in others, disrupting ecosystems, agriculture, and water resources.

Conversely, La Niña involves cooler-than-average sea surface temperatures in the central and eastern Pacific. La Niña tends to enhance the normal atmospheric circulation, impacting weather patterns in a manner opposite to El Niño. These oceanic phenomena contribute to the variability of summer weather, influencing the frequency and intensity of storms, droughts, and other meteorological events.

<h1>credit</h1>
blend + code made by pomelo. leaving credit is nice but i wont cry if you don't.

</div>

Konpeito

Created: 08.26.22

CLICK FOR PREVIEW

<head>
<title>sweet</title>
<style type='text/css'>
@import url('https://fonts.googleapis.com/css2?family=Audiowide&family=Bebas+Neue&family=Tourney:wght@200&display=swap');
body {
background-color: #FF8F8F;
}

.wrapper{
   width: 700px; 
   margin: 0 auto;
   margin-top: 60px;   
}
.header{
   float: left;
   width: 700px;
   background-color:transparent
   margin-top: 150px;
}
.wrapright{
   float: left;
   width: 700px;
   background-color: #ECFFFC;
   margin-top: 20px;
}
.right{
   margin-left: 130px;
   background-color: #ffff;
   height: 690px;

}
.left{
   float: left;
   width: 120px;
   margin-left: -100%;
   margin-top: 20px;
}

body, div, a {
	font: 9pt monospace;
	color: #3b4269;
	
	margin-bottom: 1px;
	line-height: 12px;
	text-align: left;
	font-family: 'Orbitron', monospace;;
}
b {
	color: #FFF93A;
	background-color: #FFDDE5;
	font: 12px ;
	font-family: 'Orbitron', monospace;;
	font-weight: bold;
}

u {
	color: #3A97FF;
	font: 12px Orbitron;
	font-weight: bold;
	text-decoration-style: dashed;
}

h1 {
	color: #79E3FF;
	font: 28px Bebas Neue;
	padding-left: -15px;
	margin-bottom: -1px;
	margin-top: -2px;
	text-align: center;
	letter-spacing: 3px;
	text-transform: uppercase;
}
h2 {
	color: #FF6FA6;
	background-color: #FFFDD4;
	font: 10px 
	font-weight: bold;
	font-family: 'Orbitron', monospace;;
	padding-left: 0px;
	text-align: center;
	margin-bottom: 2px;
	margin-top: 1px;
	letter-spacing: 5px;
	text-transform: uppercase;
}

a:link, a:visited, a:active {
	color: #FF7D8B;;
	font-size: 12px;
	  
	font-family: 'Orbitron', monospace;;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}

table.linx {
  width: 108%;
  background-color: #FF7D8B;
border-collapse: separate;
  color: #ffffff;
  text-align: center;
  text-decoration-style: none;
  padding: 5px;
}

a.x, a.x:visited, a.x:active {
	color: #FDFF8F;
	font-family: Audiowide;
	font-weight: bold;
	font-size: 10pt;
	letter-spacing: -1px;
	text-decoration-style: none;
}
a.x:hover {
	color: #FBFF00;
	text-decoration-style: none;
}

{
    scrollbar-width: auto;
    scrollbar-color: #d7f2fe #feffcc;
  }

*::-webkit-scrollbar {
    width: 8px;
  }

*::-webkit-scrollbar-track {
    background: #feffcc;
  }

*::-webkit-scrollbar-thumb {
    background-color: #d7f2fe;
    border-radius: 0px;
    border: 8px none #ffffff;
  }

</style>
</head>
<body>
<div class="wrapper">
    <div class="linkz">
<span style='font-size:72px;font-family:Tourney;color:#8FF8FF'>HELLOHELLOHELLO</span>
    </div>
    <div class="wrapright">
        <div class="right">

<h1>Header 1 </h1>
this layout uses <a href="https://fonts.google.com/">google fonts</a>. feel free to remove/change it if you wish. remove the @import code at the top to do it. feel free to change/edit anything. you dont have to keep the credit but I appreciate it if you do! if you don't like it at the bottom of the page, feel free to move it to any other page. <P>
	
       ✚ <a href="">links look like this</a> ✚ <b> bold text looks like this</b> ✚ <i>italics look like this </i> ✚ <u>underline looks like this</u> ✚ 
	   
	   <P>

<p>
</p>
<h2> Header 2</h2>

Konpeitō (金平糖, こんぺいとう), also spelled kompeitō, is a type of Japanese sugar candy. It takes the form of a small sphere with a bumpy surface, and comes in a variety of colors and flavors.
<p>
The word konpeitō comes from the Portuguese word confeito (comfit), which is a type of sugar candy.
<p>
The characters 金平糖 (lit. "golden flat sugar") are ateji selected mostly for their phonetic value and can also be written 金米糖 or 金餅糖.
<p>

The technique for producing sugar candy was introduced to Japan in the early 16th century by Portuguese traders. The infrastructure and refining technology of sugar had not yet been established in Japan. As konpeitō uses a lot of sugar, it was very rare and expensive as a result. In 1569, Luís Fróis, a Portuguese missionary, presented a glass flask of konpeitō to Oda Nobunaga in order to obtain the permit for mission work of Christianity.
<p>
By the Meiji period, konpeitō had already been culturally prescribed as one of the standards of Japanese sweets—the character Sugar Plum Fairy in The Nutcracker was translated into Konpeitō no Sei (金平糖の精, "Fairy of Konpeitō").
<p>

Konpeitō is usually 5 to 10 mm (0.20 to 0.39 in) in diameter and is produced by repeatedly coating a sugar syrup over a core consisting of a grain of coarse sugar. Originally, the core was a poppy seed. The process is somewhat similar to the dragée process, except the candies are produced by being ladled with sugar syrup and rotated slowly in a large heated gong-shaped tub (dora). Each grain of the core sugar grows over the course of several days with the continued rotating, heating, and application of syrup, becoming a ball covered with tiny bulges. It usually takes 7–13 days to make konpeitō and they are still crafted by artisans today.
<p>

The Japanese Ministry of Defense's Emergency Food Ration tins and the Japan Ground Self-Defense Force's Combat Ration tins both contain konpeito candies, in addition to hard tack bread/biscuits and other food items. While the candies aid in the calorie content necessary for activities, it also helps promote the creation of saliva to make it easier to eat the dry bread. According to the Ministry of Defense's specifications, "Each white emergency ration bag will contain 150g of small dry bread, with 8 whites, 3 reds, 2 yellows, 2 greens as standard, amounting to 15g or more to be put in the bag.” It is thought that providing the 'colorful and enjoyable' Konpeito will also reduce the stress that would be experienced at times during a disaster.
<p>
Konpeito is often used for celebrations such as marriage and childbirth, in elaborate candy boxes called bonbonniere (ボンボニエール), from the French bonbonnière, meaning candy box.[8] It is given as a gift for prayers at shrines and temples. The practice of giving bonbonniere dates back to the commemoration ceremony of the Meiji Constitution in 1889 and has since been thought to be a symbol of good luck. The Japanese Imperial Family has used these Onshino Konpeitō as the official ‘Welcome’ gift continuously for over 130 years.
 
 
 
 </div>
         
        </div>
    </div>
    <div class="left">
  <table class="linx">
  <tbody>
    <tr>
      <td><a href="/" class="x">link</a></td>
      <td><a href="/" class="x">link</a></td>
    </tr>
    <tr>
      <td><a href="/" class="x">link</a></td>
      <td><a href="/" class="x">link</a></td>
    </tr>
	    <tr>
      <td><a href="/" class="x">link</a></td>
      <td><a href="/" class="x">link</a></td>
    </tr>
    <tr>
      <td><a href="/" class="x">link</a></td>
      <td><a href="/" class="x">link</a></td>
    </tr>
  </tbody>
</table>
<P>
<center>
<img src="https://i1.glitter-graphics.org/pub/1143/1143971rjej46tko2.jpg">
<P>
 text text text text text text text text text text text text text text text text text text text text text text text text
<P>
<A href="https://pomelo.neocities.org/">css by pom</a> 
</div>

</div>
</body>
</html>

Carebear

Created: 08.26.22

CLICK FOR PREVIEW

<!DOCTYPE html>
<head>
<title>soft</title>

body, div, a {
	font: 9pt monospace;
	color: #3b4269;
	margin-bottom: 1px;
	line-height: 12px;
	text-align: left;
	font-family: 'Orbitron', monospace;;
}
b {
	color: #E699CF;
	font: 11px ;
	font-family: 'Orbitron', monospace;;
	font-weight: bold;
}

body {
    overflow-x:hidden;
    height:100%; 
}

u {
	color: #6088CE;
	font: 12px Orbitron;
	font-weight: bold;
	text-decoration-style: dotted;
}

h1 {
	color: #D5DFA6;
	font: 28px Orbitron;
	text-decoration-style: dashed;
	padding-left: -5px;
	font-weight: bold;
	margin-left: -1px;
	margin-bottom: -1px;
	margin-top: -2px;
	letter-spacing: -1px;
	text-transform: uppercase;
}
h2 {
	color: #51a4c8;
	background-color: #FFFFFF;
	font: 10px 
	font-family: 'Orbitron', monospace;;
	padding-left: 0px;
	text-align: left;
	margin-left: -1px;
	margin-bottom: -1px;
	margin-top: -2px;
	letter-spacing: -1px;
	text-transform: uppercase;
}

a:link, a:visited, a:active {
	color: #65BFBF;
	font-size: 12px;
	font-family: 'VT323', monospace;;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}

.wrapper{
   width: 700px;
   margin: 0 auto;
   margin-left: 20px;
   margin-top: 20px;
   background-color: #ffff;
}

.wrapright{
   float: left;
   width: 100%;
  
}
.right{
   margin-left: 142px;
   background-color: #EBF0E0;

}
.left{
   float: left;
   width: 122px;
   margin-left: -100%;
   background-color: #ffff;
   
}

a.nav, a.nav:visited, a.nav:active {
	color: #C63973;
	font-family: Audiowide;
	font-weight: bold;
	font-size: 9pt;
	padding: 9pt;
	
	letter-spacing: 1px;
}
a.nav:hover {
	color: #ffccb1;
}
#navbg {
	background: #E7EEEE;
	width: 122px; 
	padding-bottom: 1pt;
	padding-top: 5pt;
}

</style>
</head>
<body>
<div class="wrapper">
<div class="wrapright">
        <div class="right">
            <h1>Header 1 </h1>
this layout uses <a href="https://fonts.google.com/">google fonts</a>. feel free to remove/change it if you wish. remove the @import code at the top to do it. feel free to change/edit anything. you dont have to keep the credit but I appreciate it if you do! if you don't like it at the bottom of the page, feel free to move it to any other page. <P>
	
       ✚ <a href="">links look like this</a> ✚ <b> bold text looks like this</b> ✚ <i>italics look like this </i> ✚ <u>underline looks like this</u> ✚ 
	   
	   <P>

<p>
</p>
<h2> Header 2</h2>
<P>
Care Bears are multi-colored bears, originally painted in 1981 by artist Elena Kucharik to be used on greeting cards from American Greetings. In 1983, the characters were turned into plush teddy bears.
<P>
The characters headlined their own television series called Care Bears from 1985 to 1988. They also made three feature films: The Care Bears Movie (1985), Care Bears Movie II: A New Generation (1986), and The Care Bears Adventure in Wonderland (1987).
<P>
Each Care Bear is a different colour or shade and has a unique "picture on the stomach" that represents its personality. Adding to the Care Bear family are the "Care Bear Cousins", which feature Brave Heart Lion, Cozy Heart Penguin, Bright Heart Raccoon, Lotsa Heart Elephant, Gentle Heart Lamb, Loyal Heart Dog, Playful Heart Monkey, Proud Heart Cat, Swift Heart Rabbit, Treat Heart Pig and Noble Heart Horse created in the same style as the Care Bears.
<P>
In 2002, new versions of the bears were manufactured by Play Along Toys. These new Care Bears appeared in three computer animated films: Care Bears: Journey to Joke-a-lot (2004), The Care Bears' Big Wish Movie (2005), and Care Bears: Oopsy Does It! (2007).
<P>
A revival TV series, Care Bears: Welcome to Care-a-Lot, premiered on The Hub on June 2, 2012 for one season. A continuation with the same characters, Care Bears and Cousins, was commissioned by Netflix and premiered in 2015. That year, toy company Just Play debuted a range of Care Bears toys (plush, figurines, and blind bag collectibles) based on the series.
<P>
The current TV series, Care Bears: Unlock the Magic, debuted on Boomerang SVOD on February 1, 2019, and has since tied in with a new toy line from Basic Fun!.
<br>

</div>
    </div>
    <div class="left">
	<div id="navbg">
            <a href="/" class="nav">home</a><p>
			<a href="/" class="nav">link</a><p>
			<a href="/" class="nav">link</a><p>
			<a href="/" class="nav">link</a><p>
			<a href="/" class="nav">link</a><p>
			<a href="/" class="nav">link</a><p>
			<a href="/" class="nav">link</a>
</div><br>
more text more text more text more text more text more text more text more text more text more text more text more text more text more text more text more text more text more text

<P>