diff --git a/demo/css/app.css b/demo/css/app.css new file mode 100644 index 0000000..2fef399 --- /dev/null +++ b/demo/css/app.css @@ -0,0 +1,46 @@ +.fdb-block.project { + padding: 50px 0 !important; +} + +.project_nav li, ol, ul { + list-style: none; +} + +.project_nav a { + color: #000; + text-decoration: none; +} + +.project_nav { + line-height: 1; + margin-top: 30px; + margin-bottom: 25px; + font-size: 18px; +} + +.project_nav li { + display: inline-block; + padding: 0 15px; + margin-right: 25px; + border-radius: 2px; + line-height: 43px; +} + +.project_nav li.current { + background-color: #e9efff; +} + +.project_nav li.last { + float: right; + margin-right: 0; + padding: 0; +} + +.footer-large .contact p { + color: #333; + font-weight: 700; + font-size: 18px; + font-family: arial; + margin: 5px 0; +} + diff --git a/demo/css/froala_blocks.css b/demo/css/froala_blocks.css new file mode 100644 index 0000000..dc5f40b --- /dev/null +++ b/demo/css/froala_blocks.css @@ -0,0 +1,389 @@ +.btn { + padding: 9px 26px; + background-color: #528bff; + color: #FFF; + display: inline-block; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + text-decoration: none; + border: solid 2px #528bff; + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; +} + +.btn+.btn { + margin-left: 30px; +} + +.btn.btn-empty { + background-color: transparent; + color: #528bff; +} + +.btn:hover { + color: #FFF; + background-color: #1f69ff; + border-color: #1f69ff; +} + +.btn.btn-black { + color: #FFFFFF; + background-color: #000000; + border-color: #000000; +} + +.btn.btn-black.btn-empty { + background-color: transparent; + color: #000000; +} + +.btn.btn-black:hover { + color: #FFF; + background-color: #0d0d0d; + border-color: #0d0d0d; +} + +.btn.btn-white { + color: #000000; + background-color: #FFFFFF; + border-color: #FFFFFF; +} + +.btn.btn-white.btn-empty { + background-color: transparent; + color: #FFFFFF; +} + +.btn.btn-white:hover { + color: #000000; + background-color: #DEDEDE; + border-color: #DEDEDE; +} + +.btn.btn-shadow { + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} + +.btn.btn-round { + border-radius: 20px; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + min-width: 150px; +} + +.team-1.fdb-block img { + border-bottom: solid 5px #528bff; + border-radius: 0 !important; + -moz-border-radius: 0 !important; + -webkit-border-radius: 0 !important; +} + +.team-1.fdb-block .fdb-box { + padding: 0; +} + +.team-1.fdb-block .fdb-box .content { + padding: 20px; +} + +.team-2.fdb-block img { + border-radius: 100% !important; + -moz-border-radius: 100% !important; + -webkit-border-radius: 100% !important; +} + +.team-3.fdb-block img { + border-radius: 100% !important; + -moz-border-radius: 100% !important; + -webkit-border-radius: 100% !important; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} + +.fdb-block { + font-family: 'Roboto', sans-serif; + font-size: 16px; + line-height: 1.5; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-rendering: optimizelegibility; + padding: 100px 0; + color: #444444; + position: relative; + background-size: cover; + background-position: center; + overflow: hidden; + background-color: #FFFFFF; +} + +.fdb-block.fdb-viewport { + min-height: calc(100% - 2 * $block-padding); +} + +.fdb-block.fdb-viewport .container { + min-height: calc(100% - 2 * $block-padding); +} + +.fdb-block.fdb-image-bg { + color: #f2f2f2; +} + +.fdb-block .fdb-box { + background: #FFFFFF; + color: #444444; + padding: 60px 40px; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + overflow: hidden; +} + +.fdb-block .fdb-touch { + border-top: solid 5px #528bff; +} + +.fdb-block h1, +.fdb-block .text-h1 { + font-size: 2.75rem; + margin-bottom: .5em; + margin-top: .3em; + font-weight: 400; +} + +.fdb-block h2, +.fdb-block .text-h2 { + font-size: 2rem; + margin-bottom: .5em; + margin-top: .3em; + font-weight: 400; +} + +.fdb-block h3, +.fdb-block .text-h3 { + font-size: 1.125rem; + margin-bottom: .5em; + margin-top: .3em; + font-weight: 400; +} + +.fdb-block h4, +.fdb-block .text-h4 { + font-size: 1rem; + margin-bottom: .5em; + margin-top: .3em; + font-weight: 400; +} + +.fdb-block h5, +.fdb-block .text-h5 { + font-size: 0.9rem; + margin-bottom: .5em; + margin-top: .3em; + font-weight: 400; +} + +.fdb-block h6, +.fdb-block .text-h6 { + font-size: 0.75rem; + margin-bottom: .5em; + margin-top: .3em; + font-weight: 400; +} + +.fdb-block .font-weight-light { + font-weight: 300; +} + +.fdb-block img { + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; +} + +.fdb-block img+p, +.fdb-block img+h3, +.fdb-block img+h4 { + margin-top: 20px; +} + +.fdb-block img+h1, +.fdb-block img+h2 { + margin-top: 40px; +} + +.fdb-block .col-fill-left { + width: 50%; + position: absolute; + left: 0; + top: 0; + bottom: 0; + background-size: cover; + background-position: center; + z-index: 1; +} + +.fdb-block .col-fill-left+div { + position: relative; + z-index: 2; +} + +.fdb-block .col-fill-right { + width: 50%; + position: absolute; + right: 0; + top: 0; + bottom: 0; + background-size: cover; + background-position: center; + z-index: 1; +} + +.fdb-block .col-fill-right+div { + position: relative; + z-index: 2; +} + +.fdb-block img.fdb-icon { + width: auto; + width: 60px; +} + +.fdb-block img.fdb-icon-round { + width: auto; + width: 60px; + border-radius: 60px; + -moz-border-radius: 60px; + -webkit-border-radius: 60px; +} + +.fdb-block .row-100 { + height: 100px; + width: 100%; +} + +.fdb-block .row-50 { + height: 50px; + width: 100%; +} + +.fdb-block .row-70 { + height: 70px; + width: 100%; +} + +footer { + padding: 30px 0 !important; +} + +footer.footer-large { + padding: 100px 0 30px 0 !important; +} + +footer .flex-column .nav-link { + padding-left: 0; +} + +footer.bg-dark { + background: #2d313c; + color: #f2f2f2; +} + +footer.bg-dark a { + color: #f2f2f2; +} + +footer a { + color: #444444; +} + +header { + background-color: #FFFFFF; +} + +header .navbar-nav a.nav-link { + color: #777; +} + +header .navbar-nav a.nav-link:hover { + color: #528bff; +} + +header .navbar-nav .active a.nav-link { + color: #444444; +} + +header .navbar-toggler-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#444' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); +} + +header.bg-dark .navbar-nav a.nav-link { + color: #dcdcdc; +} + +header.bg-dark .navbar-nav a.nav-link:hover { + color: #528bff; +} + +header.bg-dark .navbar-nav .active a.nav-link { + color: #FFFFFF; +} + +header.bg-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#fff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); +} + +header+header { + border-top: solid 1px #EEE; +} + +.bg-dark { + background-color: #2d313c; + color: #f2f2f2; +} + +.bg-gray { + background-color: #fafafa; + color: #444444; +} + +.br { + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + overflow: hidden; +} + +.br-0 { + border-radius: 0 !important; + -moz-border-radius: 0 !important; + -webkit-border-radius: 0 !important; +} + +.heart { + color: #df584e; + font-weight: bold; +} + +*.text-light { + font-weight: 300 !important; +} + +.sl-1 { + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + z-index: 2; +} + +table tr.no-border th, +table tr.no-border td { + border-top: 0; +} \ No newline at end of file diff --git a/demo/imgs/alt_wide_1.svg b/demo/imgs/alt_wide_1.svg new file mode 100644 index 0000000..f4a2e3d --- /dev/null +++ b/demo/imgs/alt_wide_1.svg @@ -0,0 +1,66 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/demo/imgs/alt_wide_2.svg b/demo/imgs/alt_wide_2.svg new file mode 100644 index 0000000..3610411 --- /dev/null +++ b/demo/imgs/alt_wide_2.svg @@ -0,0 +1,69 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/demo/imgs/alt_wide_3.svg b/demo/imgs/alt_wide_3.svg new file mode 100644 index 0000000..f9a35d1 --- /dev/null +++ b/demo/imgs/alt_wide_3.svg @@ -0,0 +1,69 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/demo/imgs/bg_0.svg b/demo/imgs/bg_0.svg new file mode 100644 index 0000000..460183d --- /dev/null +++ b/demo/imgs/bg_0.svg @@ -0,0 +1,53 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/demo/imgs/bg_1.svg b/demo/imgs/bg_1.svg new file mode 100644 index 0000000..4fb6305 --- /dev/null +++ b/demo/imgs/bg_1.svg @@ -0,0 +1,57 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/demo/imgs/bg_2.svg b/demo/imgs/bg_2.svg new file mode 100644 index 0000000..2c27637 --- /dev/null +++ b/demo/imgs/bg_2.svg @@ -0,0 +1,57 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/demo/imgs/bg_3.svg b/demo/imgs/bg_3.svg new file mode 100644 index 0000000..85a088d --- /dev/null +++ b/demo/imgs/bg_3.svg @@ -0,0 +1,57 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/demo/imgs/bg_4.svg b/demo/imgs/bg_4.svg new file mode 100644 index 0000000..6c68060 --- /dev/null +++ b/demo/imgs/bg_4.svg @@ -0,0 +1,57 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/demo/imgs/bg_c_1.svg b/demo/imgs/bg_c_1.svg new file mode 100644 index 0000000..217e5b1 --- /dev/null +++ b/demo/imgs/bg_c_1.svg @@ -0,0 +1,76 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/demo/imgs/bg_c_2.svg b/demo/imgs/bg_c_2.svg new file mode 100644 index 0000000..54c6967 --- /dev/null +++ b/demo/imgs/bg_c_2.svg @@ -0,0 +1,73 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/demo/imgs/bg_c_3.svg b/demo/imgs/bg_c_3.svg new file mode 100644 index 0000000..a9312da --- /dev/null +++ b/demo/imgs/bg_c_3.svg @@ -0,0 +1,73 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/demo/imgs/colors_wide_1.jpg b/demo/imgs/colors_wide_1.jpg new file mode 100644 index 0000000..7864aab Binary files /dev/null and b/demo/imgs/colors_wide_1.jpg differ diff --git a/demo/imgs/colors_wide_2.jpg b/demo/imgs/colors_wide_2.jpg new file mode 100644 index 0000000..3ff1ad6 Binary files /dev/null and b/demo/imgs/colors_wide_2.jpg differ diff --git a/demo/imgs/colors_wide_3.jpg b/demo/imgs/colors_wide_3.jpg new file mode 100644 index 0000000..f582976 Binary files /dev/null and b/demo/imgs/colors_wide_3.jpg differ diff --git a/demo/imgs/customers/adobe.svg b/demo/imgs/customers/adobe.svg new file mode 100644 index 0000000..156bcf8 --- /dev/null +++ b/demo/imgs/customers/adobe.svg @@ -0,0 +1,40 @@ + + + + + + + + diff --git a/demo/imgs/customers/amazon.svg b/demo/imgs/customers/amazon.svg new file mode 100644 index 0000000..6b05cbe --- /dev/null +++ b/demo/imgs/customers/amazon.svg @@ -0,0 +1,118 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + diff --git a/demo/imgs/customers/apple.svg b/demo/imgs/customers/apple.svg new file mode 100644 index 0000000..46538e7 --- /dev/null +++ b/demo/imgs/customers/apple.svg @@ -0,0 +1,4 @@ + + + + diff --git a/demo/imgs/customers/cisco.svg b/demo/imgs/customers/cisco.svg new file mode 100644 index 0000000..e5cbc61 --- /dev/null +++ b/demo/imgs/customers/cisco.svg @@ -0,0 +1,86 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/demo/imgs/customers/discovery.svg b/demo/imgs/customers/discovery.svg new file mode 100644 index 0000000..6785d0a --- /dev/null +++ b/demo/imgs/customers/discovery.svg @@ -0,0 +1,180 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Created by Neevia Document Converter trial version + + + + + + + + + + + + + + + + + diff --git a/demo/imgs/customers/ebay.svg b/demo/imgs/customers/ebay.svg new file mode 100644 index 0000000..5b20838 --- /dev/null +++ b/demo/imgs/customers/ebay.svg @@ -0,0 +1,20 @@ + + + + + + + + + diff --git a/demo/imgs/customers/ibm.svg b/demo/imgs/customers/ibm.svg new file mode 100644 index 0000000..9626da8 --- /dev/null +++ b/demo/imgs/customers/ibm.svg @@ -0,0 +1,8 @@ + + + + + + diff --git a/demo/imgs/customers/intel.svg b/demo/imgs/customers/intel.svg new file mode 100644 index 0000000..e321e5d --- /dev/null +++ b/demo/imgs/customers/intel.svg @@ -0,0 +1,37 @@ + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/demo/imgs/customers/orange.svg b/demo/imgs/customers/orange.svg new file mode 100644 index 0000000..9aebcd6 --- /dev/null +++ b/demo/imgs/customers/orange.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + + diff --git a/demo/imgs/customers/panasonic.svg b/demo/imgs/customers/panasonic.svg new file mode 100644 index 0000000..feb660d --- /dev/null +++ b/demo/imgs/customers/panasonic.svg @@ -0,0 +1,53 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/demo/imgs/customers/salesforce.svg b/demo/imgs/customers/salesforce.svg new file mode 100644 index 0000000..6f14c33 --- /dev/null +++ b/demo/imgs/customers/salesforce.svg @@ -0,0 +1,94 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/demo/imgs/customers/samsung.svg b/demo/imgs/customers/samsung.svg new file mode 100644 index 0000000..9cdd13e --- /dev/null +++ b/demo/imgs/customers/samsung.svg @@ -0,0 +1,47 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/demo/imgs/img_bg.jpg b/demo/imgs/img_bg.jpg new file mode 100644 index 0000000..1f76c94 Binary files /dev/null and b/demo/imgs/img_bg.jpg differ diff --git a/demo/imgs/img_logo.png b/demo/imgs/img_logo.png new file mode 100644 index 0000000..f2f84d3 Binary files /dev/null and b/demo/imgs/img_logo.png differ diff --git a/demo/imgs/img_round.png b/demo/imgs/img_round.png new file mode 100644 index 0000000..eb53ac0 Binary files /dev/null and b/demo/imgs/img_round.png differ diff --git a/demo/imgs/img_round.svg b/demo/imgs/img_round.svg new file mode 100644 index 0000000..2d81d45 --- /dev/null +++ b/demo/imgs/img_round.svg @@ -0,0 +1,48 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/demo/imgs/img_square_1.svg b/demo/imgs/img_square_1.svg new file mode 100644 index 0000000..e218654 --- /dev/null +++ b/demo/imgs/img_square_1.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/demo/imgs/img_square_2.svg b/demo/imgs/img_square_2.svg new file mode 100644 index 0000000..687b2d2 --- /dev/null +++ b/demo/imgs/img_square_2.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/demo/imgs/img_square_3.svg b/demo/imgs/img_square_3.svg new file mode 100644 index 0000000..3b8f589 --- /dev/null +++ b/demo/imgs/img_square_3.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/demo/imgs/img_square_4.svg b/demo/imgs/img_square_4.svg new file mode 100644 index 0000000..3ba9ee0 --- /dev/null +++ b/demo/imgs/img_square_4.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/demo/imgs/img_tall.png b/demo/imgs/img_tall.png new file mode 100644 index 0000000..65d53c3 Binary files /dev/null and b/demo/imgs/img_tall.png differ diff --git a/demo/imgs/img_very_tall.png b/demo/imgs/img_very_tall.png new file mode 100644 index 0000000..87459e4 Binary files /dev/null and b/demo/imgs/img_very_tall.png differ diff --git a/demo/imgs/img_very_wide.svg b/demo/imgs/img_very_wide.svg new file mode 100644 index 0000000..cbfaf40 --- /dev/null +++ b/demo/imgs/img_very_wide.svg @@ -0,0 +1,73 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/demo/imgs/iphone_x.jpg b/demo/imgs/iphone_x.jpg new file mode 100644 index 0000000..d92b14e Binary files /dev/null and b/demo/imgs/iphone_x.jpg differ diff --git a/demo/index.html b/demo/index.html new file mode 100644 index 0000000..bea3d80 --- /dev/null +++ b/demo/index.html @@ -0,0 +1,231 @@ + + + + + + + + + + + + + + + + +
+
+ +
+
+
+
+
+
+
+
+
+

天使合投

+

截至 2015 年 7 月，这一全新模式的实验性加速器已经帮助 15 个精品创业项目获得融资，实现近百倍估值加速增长。

+

注册

+
+
+
+
+
+
+
+
+
+
+
+

本地项目

+

一次对接五十位有独立决策能力的天使投资人

+
+
+
+ +
+
+ +
+
+ +

龙泉椰子鸡汤

+ +

中国 • 理财

+

一站式邮币交易平台

+ +
+

认投详情

+ +
+
+ +
+
+ +

龙泉椰子鸡汤

+ +

中国 • 理财

+

一站式邮币交易平台

+ +
+

认投详情

+ +
+
+ +
+
+ +

龙泉椰子鸡汤

+ +

中国 • 理财

+

一站式邮币交易平台

+ +
+

认投详情

+ +
+
+ +
+
+
+
+
+
+
+

成功案例

+

作为投资人来投资一个创业公司，只要它持续创新，能够反映创业者的原本意志。并不一定要看它是否能上市。

+

+ image + image + image +

+
+ +
+ image +
+
+
+
+ + + + + + + \ No newline at end of file