蓝色欧美风格响应式个人简历网页模板.zip资源-CSDN文库

共38个文件

jpg：12个

js：8个

css：6个

html5

网站模版

H5响应式

74 浏览量 2023-06-20 19:35:44 上传评论 1 收藏 1.92MB ZIP 举报

"蓝色欧美风格响应式个人简历网页模板.zip"所代表的是一个专门设计用于创建个人简历的HTML5网站模板，具有蓝色调和欧美风格，同时具备响应式设计，能够适应不同设备，如PC和移动设备（WAP）。这个模板为用户提供了构建专业且现代的在线简历的一个快速而便捷的方式。中提到的关键信息： 1. **HTML网站模版**：HTML（超文本标记语言）是网页制作的基础，这个模板是用HTML编写的，能帮助用户创建静态的、内容丰富的网页。模板通常包含了预先设计好的布局、样式和交互元素，使得非编程背景的用户也能构建出专业级别的网页。 2. **静态化H5**：这里的“H5”指的是HTML5，是HTML的最新版本，支持更多的多媒体元素、离线存储、更好的表单处理等特性，使得网页设计更加丰富和动态。而“静态化”意味着这个模板不依赖服务器端的脚本，所有的内容在用户加载页面时就已经确定。 3. **PC+wap平面广告设计**：这表明模板不仅适用于台式电脑（PC），还兼容手机和平板等移动设备（WAP）。这意味着无论用户使用何种设备访问，都能获得良好的浏览体验。 4. **工作室H5模版**：这样的模板适合个人工作室或者自由职业者使用，可以展示个人技能、作品集和联系信息，提升在线形象。 5. **公司官网HTML5模版**：虽然主要定位为个人简历模板，但其设计风格和功能也可以适应小型公司或团队的官方网站需求，用于展示公司简介、服务、团队成员等信息。 6. **响应式极简公司宣传网站模板**：响应式设计意味着网站布局会根据设备屏幕大小自动调整，提供一致的视觉效果。而“极简”风格强调简洁、清晰的设计，有助于突出核心信息，减少用户在浏览过程中的干扰。在【压缩包子文件的文件名称列表】中，由于只给出了"20931"这一条信息，这可能是一个错误或者不完整的文件名。通常，压缩包内的文件会包含HTML文件（如index.html）、CSS文件（用于样式控制）、JavaScript文件（实现交互功能）、图像资源（如logo、背景图片等）以及可能的字体文件和其他支持文件。这些文件一起构成了完整的模板结构，用户可以根据自己的需求进行修改和定制。这个“蓝色欧美风格响应式个人简历网页模板”提供了构建专业在线简历或小型公司网站所需的所有基础元素，包括设计、布局、响应式功能等。用户可以通过编辑HTML、CSS和JavaScript代码来个性化自己的网站，展示独特的个人风格和专业能力。同时，响应式设计确保了网站在不同设备上的适应性和可用性，提高了用户体验。

资源推荐

资源详情

资源评论

收起资源包目录

蓝色欧美风格响应式个人简历网页模板.zip （38个子文件）

20931

bootstrap.min.js 36KB

aos.js 12KB

jquery.stellar.min.js 12KB

jquery.validate.min.js 21KB

jquery.form.js 40KB

custom.js 5KB

jquery.js 84KB

plugins.js 56KB

ionicons

css

ionicons.min.css 50KB

fonts

ionicons.ttf 184KB

ionicons.eot 118KB

ionicons.svg 326KB

ionicons.woff 66KB

img

about-img.jpg 262KB

home-bg-2.jpg 188KB

portfolio

02.jpg 106KB

06.jpg 126KB

01.jpg 69KB

08.jpg 93KB

07.jpg 64KB

010.jpg 49KB

05.jpg 230KB

04.jpg 70KB

09.jpg 89KB

03.jpg 169KB

Signature.svg 2KB

favicon.ico 1KB

css

style.css 15KB

bootstrap.min.css 118KB

bootstrap.css 143KB

aos.css 25KB

animate.min.css 52KB

index.html 19KB

fonts

glyphicons-halflings-regular.svg 106KB

glyphicons-halflings-regular.ttf 44KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

glyphicons-halflings-regular.woff2 18KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Home</title> <link rel="icon" href="img/favicon.ico" type="image/x-icon">  <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="ionicons/css/ionicons.min.css" rel="stylesheet"> <link href="css/animate.min.css" rel="stylesheet"> <link href="css/aos.css" rel="stylesheet">  <link href="css/style.css" rel="stylesheet">    </head> <body>  <div id="preloader"> <div id="status"> <div class="preloader" aria-busy="true" aria-label="Loading, please wait." role="progressbar"> </div> </div> </div>   <header class="navbar-fixed-top"> <nav> <ul> <li><a href="#about">About</a></li> <li><a href="#experience">experience</a></li> <li><a href="#projects">projects</a></li> <li><a href="#contact">contact</a></li> </ul> </nav> </header>   <div class="section" id="home" data-stellar-background-ratio="0.5"> <div class="container"> <div class="disply-table"> <div class="table-cell" data-aos="fade-up" data-aos-delay="0"> <h4>Ahmed Eissa</h4> <h1>Ui &<br /> Ux Designer</h1> </div> </div> </div> </div>   <div class="section" id="about"> <div class="container"> <div class="col-md-6" data-aos="fade-up"> <h4>01</h4> <h1 class="size-50">Know <br /> About me</h1> <div class="h-50"></div> <p>Appropriately maintain standards compliant total linkage with cutting-edge action items. Enthusiastically create seamless synergy rather than excellent value. Quickly promote premium strategic theme areas vis-a-vis.</p> <p>Appropriately maintain standards compliant total linkage with cutting-edge action items. Enthusiastically create seamless synergy rather than excellent value.</p> <div class="h-50"></div> <img src="img/Signature.svg" width="230" alt="" /> <div class="h-50"></div> </div> <div class="col-md-6 about-img-div"> <div class="about-border" data-aos="fade-up" data-aos-delay=".5"></div> <img src="img/about-img.jpg" width="400" class="img-responsive" alt="" align="right" data-aos="fade-right" data-aos-delay="0" /> </div> </div> </div>   <div class="section" id="experience"> <div class="container"> <div class="col-md-12"> <h4>02</h4> <h1 class="size-50">My <br /> Experience</h1> <div class="h-50"></div> </div> <div class="col-md-12"> <ul class="timeline"> <li class="timeline-event" data-aos="fade-up"> <label class="timeline-event-icon"></label> <div class="timeline-event-copy"> <p class="timeline-event-thumbnail">April 2016 - Present</p> <h3>Geil,Danke! GmbH</h3> <h4>eines Web-Studios</h4> <p><strong>Projektmanagement mit Scrum</strong> <br>Ständiges Verbessern des agilen Entwicklungsprozesses beispielsweise durch Grunt, Yeoman, GIT, JIRA und BrowserStack.</p> </div> </li> <li class="timeline-event" data-aos="fade-up" data-aos-delay=".2"> <label class="timeline-event-icon"></label> <div class="timeline-event-copy"> <p class="timeline-event-thumbnail">November 2014 - Mars 2016</p> <h3>Freelancer</h3> <h4>Designer und Autor</h4> <p>Konzeption, Design und Produktion von Digitalen Magazinen mit InDesign, der Adobe Digital Publishing Suite und HTML5. Co-Autorin der Fachbücher "Digitales Publizieren für Tablets" und "Adobe Digital Publishing Suite" erschienen im dpunkt.verlag.</p> </div> </li> <li class="timeline-event" data-aos="fade-up" data-aos-delay=".4"> <label class="timeline-event-icon"></label> <div class="timeline-event-copy"> <p class="timeline-event-thumbnail">April 2014</p> <h3>konplan gmbh</h3> <h4>IT-Consultant</h4> <p><strong>Systemarchitektur, Consulting</strong> <br>Konzeption und Modellierung von Systemen und APIs für Digital Publishing und Entitlement nach SOA</p> </div> </li> </ul> </div> </div> </div>   <div class="section" id="projects"> <div class="container"> <div class="col-md-12"> <h4>03</h4> <h1 class="size-50">My <br /> Projects</h1> </div>  <div class="main-container portfolio-inner clearfix">  <div class="portfolio-div"> <div class="portfolio">  <div class="categories-grid wow fadeInLeft"> <nav class="categories"> <ul class="portfolio_filter"> <li><a href="" class="active" data-filter="*">All</a></li> <li><a href="" data-filter=".photography">Photography</a></li> <li><a href="" data-filter=".logo">Logo</a></li> <li><a href="" data-filter=".graphics">Graphics</a></li> <li><a href="" data-filter=".ads">Advertising</a></li> <li><a href="" data-filter=".fashion">Fashion</a></li> </ul> </nav> </div>   <div class="no-padding portfolio_container clearfix" data-aos="fade-up">  <div class="col-md-4 col-sm-6 fashion logo"> <a id="demo01" href="#animatedModal" class="portfolio_item"> <img src="img/portfolio/01.jpg" alt="image" class="img-responsive" /> <div class="portfolio_item_hover"> <div class="portfolio-border clearfix">

评论收藏

内容反馈