details.html 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  1. <a href="http://www.100sucai.com" style="display:none">http://www.100sucai.com</a>
  2. <!DOCTYPE HTML>
  3. <html>
  4. <?xml version="1.0" encoding="UTF-8"?>
  5. <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN"
  6. "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml">
  8. <head>
  9. <title>Gallery Station webtemplate for high end mobiles, like samsung, nokia, lg, sony erricsson, htc mobile website templates for free | Details :: w3layouts</title>
  10. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  11. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  12. <!---- Css Files ------->
  13. <link rel="stylesheet" href="css/style.css" type="text/css" >
  14. <!---- End Css Files ------->
  15. </head>
  16. <body>
  17. <div id="page">
  18. <div id="header">
  19. <div class="logo">
  20. <a href="index.html"><img src="images/logo.png" alt="" /></a>
  21. </div>
  22. <div class="header_right">
  23. <div id="contactFormContainer">
  24. <div id="contactLink"> <a href="contact.html"> </a></div>
  25. </div>
  26. <div id="socialiconsContainer">
  27. <div id="socilaiconLink"><a href="contact.html"> </a></div>
  28. </div>
  29. </div>
  30. <div class="clear"></div>
  31. <div class="drp-dwn">
  32. <select onChange="window.location=this.options[this.selectedIndex].value">
  33. <option value="index.html">Home</option>
  34. <option value="photos.html">Photos</option>
  35. <option value="videos.html">videos</option>
  36. <option value="music.html">Music</option>
  37. <option value="photos.html">Articles</option>
  38. <option value="contact.html">Contact</option>
  39. </select>
  40. </div>
  41. </div>
  42. <div class="content">
  43. <div class="box1">
  44. <h3><a href="details.html">Many desktop packages and web page</a></h3>
  45. <span>By Kieth Deviec- 2 hours ago<br/><span class="comments">8 Comments</span></span>
  46. <div class="blog-img">
  47. <img src="images/blog-img.jpg">
  48. </div>
  49. <div class="blog-data">
  50. <p>Lorem Ipsum is that it has a more-or-less normal Many desktop publishing packages and web page making it look like readable English. Many desktop publishing packages and web page editors as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors.</p>
  51. </div>
  52. <div class="clear"></div>
  53. </div>
  54. <!---------------- Comment Area -------------------->
  55. <div class="comments-area">
  56. <h3>Leave a comment</h3>
  57. <form>
  58. <p>
  59. <label>Name</label>
  60. <span>*</span>
  61. <input type="text" value="">
  62. </p>
  63. <p>
  64. <label>Email</label>
  65. <span>*</span>
  66. <input type="text" value="">
  67. </p>
  68. <p>
  69. <label>Website</label>
  70. <input type="text" value="">
  71. </p>
  72. <p>
  73. <label>Subject</label>
  74. <span>*</span>
  75. <textarea></textarea>
  76. </p>
  77. <p>
  78. <input type="submit" value="Post">
  79. </p>
  80. </form>
  81. </div>
  82. <div class="box comment">
  83. <h2><span>(0)</span> Comment's</h2>
  84. <ul class="list">
  85. <li>
  86. <div class="preview"><a href="#"><img src="http://lorempixel.com/50/50" alt=""></a></div>
  87. <div class="data">
  88. <div class="title">Jake Sully <a href="#"> June 20, 2013</a></div>
  89. <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
  90. </div>
  91. <div class="clear"></div>
  92. </li>
  93. <li>
  94. <div class="preview"><a href="#"><img src="http://lorempixel.com/50/50" alt=""></a></div>
  95. <div class="data">
  96. <div class="title">Jake Sully <a href="#"> June 20, 2013</a></div>
  97. <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
  98. </div>
  99. <div class="clear"></div>
  100. </li>
  101. <li>
  102. <div class="preview"><a href="#"><img src="http://lorempixel.com/50/50" alt=""></a></div>
  103. <div class="data">
  104. <div class="title">Jake Sully <a href="#"> June 20, 2013</a></div>
  105. <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
  106. </div>
  107. <div class="clear"></div>
  108. </li>
  109. <li>
  110. <div class="preview"><a href="#"><img src="http://lorempixel.com/50/50" alt=""></a></div>
  111. <div class="data">
  112. <div class="title">Jake Sully <a href="#"> June 20, 2013</a></div>
  113. <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
  114. </div>
  115. <div class="clear"></div>
  116. </li>
  117. <li>
  118. <div class="preview"><a href="#"><img src="http://lorempixel.com/50/50" alt=""></a></div>
  119. <div class="data">
  120. <div class="title">Jake Sully <a href="#"> June 20, 2013</a></div>
  121. <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
  122. </div>
  123. <div class="clear"></div>
  124. </li>
  125. </ul>
  126. <div class="clear"></div>
  127. </div>
  128. <div id="respond">
  129. <h3 id="reply-title">Leave a Reply <small><a id="cancel-comment-reply-link" href="#" style="">Cancel reply</a></small></h3>
  130. <form id="commentform">
  131. <p class="comment-notes">Your email address will not be published. Required fields are marked &nbsp;<span class="required">*</span></p>
  132. <p class="comment-form-author"><label for="author">Name</label>
  133. <span class="required">*</span>
  134. <input id="author" name="author" type="text" value="" size="30" aria-required="true">
  135. </p>
  136. <p class="comment-form-email">
  137. <label for="email">Email</label> <span class="required">*</span>
  138. <input id="email" name="email" type="text" value="" size="30" aria-required="true">
  139. </p>
  140. <p class="comment-form-url">
  141. <label for="url">Website</label>
  142. <input id="url" name="url" type="text" value="http://w3layouts.com" size="30">
  143. </p>
  144. <p class="comment-form-comment">
  145. <label for="comment">Comment</label>
  146. <textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea>
  147. </p>
  148. <p class="form-allowed-tags">You may use these <abbr title="HyperText Markup Language">HTML</abbr> tags and attributes: <code>&lt;a href="" title=""&gt; &lt;abbr title=""&gt; &lt;acronym title=""&gt; &lt;b&gt; &lt;blockquote cite=""&gt; &lt;cite&gt; &lt;code&gt; &lt;del datetime=""&gt; &lt;em&gt; &lt;i&gt; &lt;q cite=""&gt; &lt;strike&gt; &lt;strong&gt; </code></p> <p class="form-submit">
  149. <input name="submit" type="submit" id="submit" value="Post Comment">
  150. </p>
  151. </form>
  152. </div>
  153. <div class="clear"> </div>
  154. <!----------------- End Comment Area ----------------->
  155. </div>
  156. <div class="copy_right">
  157. <p>All Rights Reseverd | Design by <a href="http://w3layouts.com">W3Layouts</a></p>
  158. </div>
  159. </div>
  160. </body>
  161. </html>