global summit 2020

字体下载 2025-07-31

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

现场演示

通过访问现场演示,请参阅行动中的项目!

入门

要在本地机器上设置此项目,请按照以下简单步骤:

  1. 开放式终端。

  2. 导航到您所需的位置下载此存储库的内容。

  3. 将以下代码复制并粘贴到终端:

    git clone git@github.com:amita-roy/global-summit-2020.git

  4. 点击输入。

  5. 在终端中运行NPM安装,以使所有依赖项安装在本地。

  6. 将存储库克隆到克隆后,将main.html打开,然后在您选择的浏览器中。从那里,您也可以导航到“家庭”,“关于”和“加入”(加入Tab for Ticket Page)页面。

  7. 享受!

先决条件

  • 计算机,智能手机或其他类似设备。
  • 访问互联网。

作者

?阿米塔·罗伊(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许可。

下载源码

通过命令行克隆项目:

git clone https://github.com/amita-roy/global-summit-2020.git