HTML/CSS Capstone:ICF global summit 2020
该项目是2020年10月在美国俄亥俄州都柏林举行的ICF全球会议的网站。
在建立自己的会议网站时,我为我提供了辛迪·辛(Cindy Shin)的设计,反映了它的结构,版式和颜色。
我在不使用Bootstrap的情况下创建了此侧边栏。
我正在使用此网站的徽标和内容。我的页脚有2个版本(深色和光线)。对于深色页脚,我无法整合原始徽标,因为它具有深色,因此我为深色页脚创建了自己的徽标。
对于扬声器图像,我创建了自己的框架。
在门票页面上,有一个关于原始设计的页面分隔线,因此我从头开始创建了该分隔线,而不是从设计中删除屏幕截图。现在,分隔线是可扩展的向量图形。
视频演示
视频在更新项目之后,以了解有关此作业以及如何处理该作业的更多信息。
观看我对项目的视频演示文稿,以了解有关此任务以及如何处理该作业的更多信息。
建立
- html/css
- 引导程序
- CSS
- fontawesome
- NPM
- Adobe XD(用于徽标,图像框架和页面分隔线)
- Google字体(LATO)
- Stylelint,Webhint,灯塔
- VSCODE(带有更漂亮的stylelint)
- Google Chrome(带Devtools和农药)
- macos
现场演示
通过访问现场演示,请参阅行动中的项目!
入门
要在本地机器上设置此项目,请按照以下简单步骤:
-
开放式终端。
-
导航到您所需的位置下载此存储库的内容。
-
将以下代码复制并粘贴到终端:
git clone git@github.com:amita-roy/global-summit-2020.git
-
点击输入。
-
在终端中运行NPM安装,以使所有依赖项安装在本地。
-
将存储库克隆到克隆后,将main.html打开,然后在您选择的浏览器中。从那里,您也可以导航到“家庭”,“关于”和“加入”(加入Tab for Ticket Page)页面。
-
享受!
先决条件
- 计算机,智能手机或其他类似设备。
- 访问互联网。
作者
?阿米塔·罗伊(Amita Roy)
- Github: @Amita-Roy
- Twitter: @Amitaroy14
- LinkedIn:Amita Roy
?贡献
始终欢迎贡献,问题和功能请求!
我喜欢结识其他开发人员,尤其是那些为如何改善工作的建议的开发人员。
给我一个问题!
表示您的支持
最后,如果您读到了这么远,请不要忘记给这个仓库一个配画。他们有空。 。 。我认为。
致谢
-
感谢设计师Cindy Shin的设计。
-
感谢TechSini.com提供了有用的基于URL的网站模型工具。
-
内容在很大程度上受到该网站的启发,该网站在2020年10月21日在俄亥俄州都柏林的ICF列出了演讲者。
-
我站起来的团队成员之一乔·伯克(Joe Burke)取回了我的内容。
-
图标取自https://f**onta*wesome.com/
-
会议图像取自https://u*ns*pla*sh.com/
-
产品学校的照片在Unsplash上
-
产品学校的照片在Unsplash上
-
照片由Claudio Schwarz | @purzlbaum在Unsplash上
执照
该项目已获得MIT许可。
