1.Koding untuk membuat website pada tampilan HOME
<!DOCTYPE html><html><head> <title>Home</title> <link href="style/style.css" rel="stylesheet" type="text/css" /> <!--slider start--> <link href="style/quake.slider.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/jquery.min.js"></script> <script src="js/quake.slider-min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { $('.quake-slider').quake({ thumbnails: false, frameWidth: 600, frameHeight: 600 }); }); </script> <!--slider end--></head><body> <!--wrapper start--> <div id="wrapper"> <!--mainbody start--> <div id="mainbody"> <div id="logo"> <a href="#"></a> </div> <!--content start--> <div id="content"> <!--leftsidebar start--> <div id="leftsidebar"> <!--main_tittle start--> <div class="main_tittle"> <h3> Biodata </h3> </div> <!--main_tittle start--> <div class="clearfix"> </div> <!--main_desc start--> <div class="main_desc"> <p>NAMA : Dwi Ayu Septiyana</p> <p>TTL : Jakarta, 25 September 1994</p> <p>ALAMAT : Ds.Tanah Merah Rt.01/01 No.14 Kec.Sepatan Kab.Tangerang-Banten</p> <p>NO.TELEPON : 08998699787</p> <p>EMAIL : dwiseptiyana99@gmail.com</p> <p>SNAPCHAT : @dwiseptiyana99</p> <p>INSTAGRAM : @dwiayuseptiyana</p> <p>BLOG : simplehyuk.blogspot.com</p> </div> <!--main_desc end--> <div class="clearfix"> </div> <div class="clearfix"> </div> <!--about start--> <div class="about"> <h2> About Dwi</h2> <br /> <p> Hai! Nama saya Dwi Ayu Septiyana, mahasiswa semester akhir di Universitas Gunadarma Jurusan Sistem Infromasi NPM 12112274, anak ke-2 dari dua bersaudara.</p><p>wanita biasa yang hidup di lingkungan tidak biasa ingin menjadi seorang yang luar biasa dengan usaha yang biasa-biasa aja.</p><p>Penikmat Super Junior, Pecinta Eunhyuk, Pengagum Cameron Dallas, Penyuka Arsenal, Penggemar Taylor Swift, Penonton One Piece.</p><p>seorang penulis cerita romance amatir yang doyan baca dan mendengarkan music juga berkeinginan menjadi seorang editor. sekian.</p> </div> <!--about end--> </div> <!--leftsidebar end--> <!--navigation start--> <div id="navigation"> <div class="nav"> <ul> <li><a href="#" class="active"><span>Home</span></a></li> <li>|</li> <li><a href="contact.html"><span>Contact</span></a></li> </ul> </div> </div> <!--navigation end--> <!--sidebar start--> <div id="sidebar"> <div id="slider-wrapper"> <div class="quake-slider"> <div class="quake-slider-images"> <img src="images/slider01.jpg" alt="" /> <img src="images/slider02.jpg" alt="" /> <img src="images/slider03.jpg" alt="" /> <img src="images/slider04.jpg" alt="" /> </div> <div class="quake-slider-captions"> </div> </div> <!-- <div id="slider" class="nivoSlider"> <img src="images/slider04.jpg" alt="" /> <img src="images/slider01.jpg" alt="" /> <img src="images/slider02.jpg" alt="" /> <img src="images/slider03.jpg" alt="" /> </div>--> </div> </div> <!--sidebar end--> </div> <!--content end--> </div> <!--mainbody end--> </div> <!--wrapper end--> <div class="clearfix"> </div> <!--footer start--> <div id="footer"> <p> <span>By : Dwi Septiyana.</span></p> <div class="clearfix"> </div> </div> <!--footer end--></body></html>
Output dari kodingan tersebut merupakan tampilan awal pada Home
2. Koding untuk membuat website pada tampilan CONTACT
<!DOCTYPE html><html><head> <title>Contact</title> <link href="style/style.css" rel="stylesheet" type="text/css" /> <script src="js/jquery.min.js" type="text/javascript"></script> <script src="js/template.js" type="text/javascript"></script></head><body> <!--wrapper start--> <div id="wrapper"> <!--mainbody start--> <div id="mainbody"> <div id="logo"> <a href="home.html"></a> </div> <!--navigation start--> <div id="navigation"> <div class="nav"> <ul> <li><a href="home.html"><span>Home</span></a></li> <li>|</li> <li><a href="#" class="active"><span>Contact</span></a></li> </ul> </div> </div> <!--navigation end--> <!--main start--> <div id="main"> <!--contact_page start--> <div class="contact_page"> <!--contact_items start--> <div class="contact_items"> <!--grey_bar start--> <div class="grey_bar"> <!--breadcrumbs start--> <div id="breadcrumbs"> <ul> <li><a href="home.html">Home</a></li> <li>» </li> <li>Contact</li> </ul> </div> <!--breadcrumbs end--> <h2> Contact Us </h2> </div> <!--grey_bar end--> <h2> HUBUNGI DWI AYU SEPTIYANA</h2> <br /><p>Untuk kritik atau saran dan untuk bisa menghubungi saya langsung bisa tinggalkan pesan anda disini :</p> <div class="formblock"> <input name="name" type="text" id="name" onclick="this.value=''" value="Name" /> </div> <div class="formblock"> <input name="email" type="text" id="email" onclick="this.value=''" value="Email" /> </div> <div class="formblock"> <textarea name="message" id="message" cols="" rows="" onclick="this.value=''" class="textarea">Message</textarea> <div class="clearfix"> </div> <br /> <div class="send_btn" id="send-message"> <a href="#">Send</a> </div> <img src="images/sending.gif" id="img-sending" alt="sending message..." /> <div id="mail-send-msg"> </div> </div> </div> <!--contact_items end--> <!--contact_sidebar end--> <div class="contact_sidebar"> <!--address start--> <div id="address"> <h2> Contact</h2> </li> <li>Email: <a href="#">dwiseptiyana99@gmail.com</a></li> <li>Blog: <a href="#">http://www.simplehyuk.blogspot.com</a></li> <li>Phone: 089-986-997-87</li> </ul> </div> <!--address end--> <div class="clearfix"> </div> </div> <!--contact_sidebar end--> </div> <!--contact_page end--> </div> <!--main end--> </div> <!--mainboty end--> </div> <!--wrapper end--> <div class="clearfix"> </div> <!--footer start--> <div id="footer"> <p> <span>By: Dwi Septiyana.</span></p> <div class="clearfix"> </div> </div> <!--footer end--></body></html>
Output dari kodingan tersebut tampilan pada bagian CONTACT
WinStar World Casino and Resort Announces Multi-Year
BalasHapusWorld 서울특별 출장마사지 Casino and 아산 출장마사지 Resort 김포 출장마사지 Announces Multi-Year Expansion of WinStar World Casino and Resort for the 오산 출장마사지 to 양주 출장샵 create the largest, most distinctive,