响应组合

时间:2024-03-06 21:20:00
【文件属性】:

文件名称:响应组合

文件大小:43.41MB

文件格式:ZIP

更新时间:2024-03-06 21:20:00

HTML

响应式投资组合 这个项目的目的是使用CSS Bootstrap创建一个响应式的投资组合页面。 目的是确保无论视口/屏幕大小如何,所有页面的布局和样式都是一致的。 链接到已部署的配置文件页面 第一步:导航栏和页脚 导航栏:我最初开始将一个导航栏为每个站点。 我选择将导航栏放在header标记中,因为在扩展页面主体内的宽度时遇到了困难。 在项目的后期,嵌入了一个切换器,并添加了指向其他页面的链接。 页脚:最初制作此组合的weppage时,我在创建粘性页脚时遇到了麻烦。 但是,既然我对HTML和CSS有了更多的经验,我就可以将页脚放在页面底部。 第二步:身体和内容 :使用'img-thumbnail'类使图像更具深度,并使用'float'使图像与文本保持一致。 :使用Boostrap用表单元素构建,所有内容都包含在一栏中 :包含3行2列的系列以容纳图像。 基于容器的尺寸确定图像的尺寸,以避


【文件预览】:
responsive-portfolio-main
----img()
--------1stSept2020.svg(144KB)
--------efe-kurnaz-8hi9WGb4qMA-unsplash.jpg(932KB)
--------resume-and-cv.png(9KB)
--------GitHub-Mark-64px.png(3KB)
--------rotary-phone.png(5KB)
--------AstroSearch.gif(34.93MB)
--------texturedwall.jpg(74KB)
--------cv-icon.png(5KB)
--------linkedinicon.png(12KB)
--------Work Day Scheduler.gif(3.9MB)
--------phone.png(16KB)
--------Weather Dashboard.gif(2.49MB)
--------efe-kurnaz-8hi9WGb4qMA-unsplash-edited2.jpg(642KB)
--------efe-kurnaz-8hi9WGb4qMA-unsplash-edited.jpg(770KB)
--------email.png(15KB)
--------1stSept2020.jpg(195KB)
----responsive_portfolio.png(743KB)
----index.html(4KB)
----LICENSE(1KB)
----portfolio.html(5KB)
----responsive_style.css(1KB)
----README.md(2KB)
----contact.html(4KB)

网友评论