HTML Kısmı:
<body>
<div id=”shell”>
<div id=”turuncukısım”>
<div id=”header”><img src=”resim/logo_yazi.png” / style=”margin-top:15px;”>
</div>
<div id=”body”>
<div id=”sempozyum”>
<h3>Sempozyum Hatırlatma Maili</h3>
</div>
<div id=”ufakbaslik”>Sayın Katılımcı;</div>
<div id=”bilgi”>
<p>Lorem Ipsum, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir. Lorem Ipsum, adı bilinmeyen bir matbaacının bir hurufat numune kitabı oluşturmak üzere bir yazı galerisini alarak karıştırdığı 1500’lerden beri endüstri standardı sahte metinler olarak kullanılmıştır. Beşyüz yıl boyunca varlığını sürdürmekle kalmamış, aynı zamanda pek değişmeden elektronik dizgiye de sıçramıştır. 1960’larda Lorem Ipsum pasajları da içeren Letraset yapraklarının yayınlanması ile ve yakın zamanda Aldus PageMaker gibi Lorem Ipsum sürümleri içeren masaüstü yayıncılık yazılımları ile popüler olmuştur.</p>
</div>
<div id=”konusmacilar”><b>Konuşmacılar</b></div>
<div id=”foto”><img src=”resim/nevzat-tarhan.jpg” /></div>
<div id=”foto2″><img src=”resim/ekrem-bugra-ekinci.jpg” /></div>
<div id=”foto3″><img src=”resim/nadir-comak.jpg” /></div>
<div id=”foto4″><img src=”resim/aynur-sayim.jpg” /></div>
<div id=”konusmaci1″><b>Prof.Dr<br/>Nevzat TARHAN<br/></b>İstanbul Üsküdar<br/>Üniversitesi Rektörü</div>
<div id=”konusmaci2″><b>Prof.Dr<br/>Ekrem Buğra EKİNCİ</b><br/>Marmara Üniversitesi<br/>Hukuk Fakültesi</div>
<div id=”konusmaci3″><b>Yrd.Doç.Dr.<br />Nadir ÇOMAK</b><br />Alparslan Üniversitesi<br />EğitimFakültesi</div>
<div id=”konusmaci4″><b>Uzm. Psikolog<br />Aynur SAYIM<br /></b>NP İstanbul Etiler<br />Nöropsikiyatri Merkezi</div>
<div id=”program”><b>Program</b></div>
<div id=”programdetay”>
09:00 – 09:30 Kayıt<br /><br />
09:30 – 10:00 Protokol Konuşmaları<br /><br />
10:00 – 11:00 Milli Değerlerimize Uygun Çocuk Yetiştirmek<br />
<b>Prof. Dr. Nevzat TARHAN</b><br /><br />
İstanbul Üsküdar Üniversitesi Rektörü<br /><br />
11:00 – 11:20 Ara<br /><br />
11:20 – 12:20 Erken Çocukluk Döneminde Duygusal Zeka<br />
<b>Uzm. Psikolog Aynur SAYIM</b><br /><br />
NP İstanbul Etiler Nöropsikiyatri Merkezi <br /><br />
12:20 – 13:30 Öğle Yemeği<br /><br />
13:30 – 14:30 Kavram Temelli Öğretim Yaklaşımı<br />
<b>Yrd.Doç.Dr. Nadir ÇOMAK</b><br /><br />
Muş Alparslan Üniversitesi Eğitim Fakültesi<br /><br />
14:30 – 15:50 Ara<br /><br />
14:50 – 15:50 Kültürümüzde Çocuk Yetiştirme<br />
<b>Prof. Dr. Ekrem Buğra Ekinci</b><br /><br />
16:00 – 17:00 Kapanış – Katılım Belgelerinin Verilmesi<br />
</div>
<div id=”ulasim”><b>Ulaşım Bilgileri</b></div>
<div id=”adres”>Adres:Yenibosna Fatih cd. No:1<br />İhlas Koleji Bahçelievler Kampüsü<br />Büyük Konferans Salonu<br />Bahçelievler/İstanbul/Türkiye<br /><br />Tel: +90 212 639 68 70 Sibel Kılıç<br /><br />Web: http://www.altincag.org</div>
<div id=”footer”>
<div id=”logo”><img src=”resim/kolej-logo.png” /></div>
<div id=”face”><img src=”resim/facebook-icon.png” /></div>
<div id=”twitter”><img src=”resim/twitter-icon.png” /></div>
</div>
</div>
</div>
</body>
CSS Kısmı:
*
{margin:0;padding:0;border:none;text-decoration:none;}
div#shell
{ width:626px; height:1530px; background-color:#FFF; margin-left:400px;}
div#turuncukısım
{ width:620px; height:1531px; border:5px solid #C90; margin:5px;}
div#header
{ width:620px; height:165px; background-image:url(resim/bg-pattern.png); border:1px solid #999; border-left:none; border-right:none; border-top:none;}
div#body
{ width:620px; height:1135px;}
div#sempozyum
{ font-family:Arial, Helvetica, sans-serif; color:#C90; margin:20px;}
div#ufakbaslik
{ font-family:Arial, Helvetica, sans-serif; color:#c90; font-size:13px; margin-left:30px; margin-top:10px;}
div#bilgi
{ font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-left:30px; margin-top:20px; padding-right:40px;}
div#konusmacilar
{ font-family:Arial, Helvetica, sans-serif; color:#C90; margin-left:20px; margin-top:35px;}
div#foto
{ margin-top:20px; margin-left:20px; float:left;}
div#foto2
{ margin-top:20px; margin-left:5px; float:left;}
div#foto3
{ margin-top:20px; margin-left:5px; float:left;}
div#foto4
{ margin-top:20px; margin-left:5px; float:left;}
div#konusmaci1
{ float:left; margin-left:20px; margin-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
div#konusmaci2
{ float:left; margin-left:30px; margin-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
div#konusmaci3
{ float:left; margin-left:17px; margin-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
div#konusmaci4
{ float:left; margin-left:20px; margin-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
div#program
{ float:left; margin-left:20px; margin-top:20px; font-family:Arial, Helvetica, sans-serif; color:#C90;}
div#programdetay
{ font-family:Arial, Helvetica, sans-serif; font-size:13px; float:left; margin-top:50px;}
div#ulasim
{ float:left; margin-left:20px; margin-right:160px; margin-top:15px; font-family:Arial, Helvetica, sans-serif; color:#C90;}
div#adres
{ float:left; margin-top:10px; margin-right:120px; margin-left:30px; font-family:Arial, Helvetica, sans-serif; font-size:13px; margin-bottom:10px;}
div#footer
{width:620px; height:120px; background-color:#000000; background-image:url(resim/bg-pattern.png); background-color:#C90; float:left;}
div#logo
{ float:left; margin-left:30px; margin-top:30px;}
div#face
{ float:left; margin-left:220px; margin-top:38px;}
div#twitter
{ float:left; margin-top:38px;}
Sema Mutlu 