【免费】网格底纹个人web简历博客html5模板_灰色博客个人简单简历html5css3幻灯.rar资源-CSDN文库

共21个文件

js：5个

jpg：5个

html：4个

需积分: 0 50 浏览量 2023-09-12 08:41:08 上传评论收藏 647KB RAR 举报

"网格底纹个人web简历博客html5模板_灰色博客个人简单简历html5css3幻灯.rar"是一款基于HTML5和CSS3技术的个人简历博客模板，它设计简洁，采用灰色调，并且带有网格底纹效果。此模板特别适合想要展示自己专业技能和个人作品的网页设计师、开发者或者求职者。 "html"表明这个模板主要使用HTML（HyperText Markup Language）语言构建，这是创建网页的标准标记语言。HTML5是其最新版本，引入了更多语义元素，增强了网页的结构化和可访问性，同时提供了更好的多媒体支持。 "html"提示我们，这个模板的焦点在于HTML5技术的应用，包括新的元素、API和离线存储等功能，这些都使得网页内容更加丰富，交互性更强。【压缩包子文件的文件名称列表】中的各个文件分别代表： 1. **style.css**：这是CSS（Cascading Style Sheets）样式表文件，用于定义模板中所有HTML元素的外观、布局和结构。在这个案例中，它可能包含了网格底纹、颜色方案（如灰色主题）以及幻灯片效果等的样式规则。 2. **NewsCycle-Regular.eot**：这是一种Web字体格式，通常用于在网页上嵌入特殊字体。这可能用于提升博客标题或个人信息部分的视觉效果，使其更具个性化。 3. **index.html**：这是网站的主页文件，通常包含网站的主要导航链接和其他重要内容，如头部信息、导航栏、主体内容区域和页脚等。 4. **portfolio.html**：这是一个展示个人作品的页面，可能是设计师或开发者用来展示他们项目、案例或技能的地方。 5. **about.html**：这个页面通常用于介绍博主或网站所有者的个人简介、经历和专业背景。 6. **blog.html**：博客文章的主页面，用于展示博客条目，可能包含时间线、分类或标签来帮助用户浏览内容。 7. **5.jpg, 1.jpg, 4.jpg, 2.jpg**：这些都是图片文件，可能用于装饰网站的各个部分，比如作为幻灯片的背景图、个人头像或者作品展示的缩略图。综合以上信息，我们可以理解这款模板利用了HTML5的新特性，如语义化元素和多媒体支持，结合CSS3的高级样式和动画效果，创建了一个具有网格底纹的个人简历博客。用户可以根据自己的需求，通过修改这些文件中的内容和样式，轻松定制自己的在线简历或博客。

资源推荐

资源详情

资源评论

收起资源包目录

网格底纹个人web简历博客html5模板_灰色博客个人简单简历html5css3幻灯.rar （21个子文件）

style.css 7KB

contact.php 6KB

2.jpg 95KB

modernizr-1.5.min.js 11KB

portfolio.html 3KB

jquery.easing.min.js 3KB

1.jpg 126KB

pattern.png 158B

NewsCycle-Regular.eot 14KB

NewsCycle-Regular.ttf 98KB

5.jpg 158KB

jquery.lavalamp.min.js 724B

calendar.png 1KB

bullet.png 243B

index.html 4KB

about.html 3KB

image_fade.js 2KB

jquery.min.js 56KB

3.jpg 62KB

blog.html 3KB

4.jpg 107KB

<!DOCTYPE HTML> <html> <head> <title>my portfolio two</title> <meta name="description" content="website description" /> <meta name="keywords" content="website keywords, website keywords" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="css/style.css" />  <script type="text/javascript" src="js/modernizr-1.5.min.js"></script> </head> <body> <div id="main"> <header> <div id="logo"><h1>MY<a href="#">PORTFOLIO</a>TWO</h1></div> <nav> <ul class="lavaLampWithImage" id="lava_menu"> <li><a href="index.html">home</a></li> <li><a href="about.html">about me</a></li> <li><a href="portfolio.html">my portfolio</a></li> <li><a href="blog.html">blog</a></li> <li class="current"><a href="contact.php">contact</a></li> </ul> </nav> </header> <div id="site_content"> <div id="sidebar_container"> <div id="gallery"> <ul class="images"> <li class="show"><img width="450" height="450" src="images/1.jpg" alt="photo_one" /></li> <li><img width="450" height="450" src="images/2.jpg" alt="photo_two" /></li> <li><img width="450" height="450" src="images/3.jpg" alt="photo_three" /></li> <li><img width="450" height="450" src="images/4.jpg" alt="photo_four" /></li> <li><img width="450" height="450" src="images/5.jpg" alt="photo_five" /></li> </ul> </div> </div> <div id="content"> <h1>Contact</h1> <?php // Set-up these 3 parameters // 1. Enter the email address you would like the enquiry sent to // 2. Enter the subject of the email you will receive, when someone contacts you // 3. Enter the text that you would like the user to see once they submit the contact form $to = 'email@emailaddress.com'; $subject = 'Enquiry from the website'; $contact_submitted = 'Your message has been sent.'; // Do not amend anything below here, unless you know PHP function email_is_valid($email) { return preg_match('/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i',$email); } if (!email_is_valid($to)) { echo '<p style="color: red;">You must set-up a valid (to) email address before this contact page will work.</p>'; } if (isset($_POST['contact_submitted'])) { $return = "\r"; $youremail = trim(htmlspecialchars($_POST['your_email'])); $yourname = stripslashes(strip_tags($_POST['your_name'])); $yourmessage = stripslashes(strip_tags($_POST['your_message'])); $contact_name = "Name: ".$yourname; $message_text = "Message: ".$yourmessage; $user_answer = trim(htmlspecialchars($_POST['user_answer'])); $answer = trim(htmlspecialchars($_POST['answer'])); $message = $contact_name . $return . $message_text; $headers = "From: ".$youremail; if (email_is_valid($youremail) && !eregi("\r",$youremail) && !eregi("\n",$youremail) && $yourname != "" && $yourmessage != "" && substr(md5($user_answer),5,10) === $answer) { mail($to,$subject,$message,$headers); $yourname = ''; $youremail = ''; $yourmessage = ''; echo '<p style="color: blue;">'.$contact_submitted.'</p>'; } else echo '<p style="color: red;">Please enter your name, a valid email address, your message and the answer to the simple maths question before sending your message.</p>'; } $number_1 = rand(1, 9); $number_2 = rand(1, 9); $answer = substr(md5($number_1+$number_2),5,10); ?> <form id="contact" action="contact.php" method="post"> <div class="form_settings"> <p><span>Name</span><input class="contact" type="text" name="your_name" value="<?php echo $yourname; ?>" /></p> <p><span>Email Address</span><input class="contact" type="text" name="your_email" value="<?php echo $youremail; ?>" /></p> <p><span>Message</span><textarea class="contact textarea" rows="5" cols="50" name="your_message"><?php echo $yourmessage; ?></textarea></p> <p style="padding: 10px 0; line-height: 2em;">To help prevent spam, please enter the answer to this question:</p> <p><span><?php echo $number_1; ?> + <?php echo $number_2; ?> = ?</span><input type="text" name="user_answer" /><input type="hidden" name="answer" value="<?php echo $answer; ?>" /></p> <p style="padding-top: 15px"><span> </span><input class="submit" type="submit" name="contact_submitted" value="send" /></p> </div> </form> </div> </div> <footer> <p><a href="index.html">home</a> | <a href="about.html">about me</a> | <a href="portfolio.html">my portfolio</a> | <a href="blog.html">blog</a> | <a href="contact.php">contact</a></p> <p>© 2012 my portfolio two. All Rights Reserved. | <a href="http://www.moobnn.com">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络淘宝店</a></p> </footer> </div>  <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.easing.min.js"></script> <script type="text/javascript" src="js/jquery.lavalamp.min.js"></script> <script type="text/javascript" src="js/image_fade.js"></script> <script type="text/javascript"> $(function() { $("#lava_menu").lavaLamp({ fx: "backout", speed: 700 }); }); </script> </body> </html>

评论收藏

内容反馈