AI星球岛 发表于 5 天前

Fronty

<div class="ce-block" data-id="52b7z7t4_S" >
        <div class="ce-block__content" style="">
                <h3 class="ce-header ce-header--left">关于产品</h3>
        </div>
</div><div class="ce-block ce-block--focused" data-id="piQQpx0P4h" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">&nbsp;&nbsp;<span style="color: rgb(33, 33, 33); font-family: ui-sans-serif, system-ui, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; font-size: 15px; letter-spacing: normal;">Fronty是一款AI驱动的图像转HTML CSS代码转换器。它可以从上传的图像中生成HTML CSS代码，几分钟之内即可获得最终的代码。同时，Fronty还提供一个无需编码的编辑器，方便用户修改网站的设计和样式。一旦网站准备就绪，可以使用Fronty的托管服务将网站发布上线。Fronty还提供其他功能，如将Figma和Adobe XD转换为网站、AI驱动的UI/UX建议等。</span></div>
        </div>
</div><div class="ce-block" data-id="-G_rfvCIN3" >
        <div class="ce-block__content" style="">
                <h3 class="ce-header ce-header--left">适合谁？</h3>
        </div>
</div><div class="ce-block ce-block--focused" data-id="RVPjGp76Fz" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">前端开发者，用于快速生成基础代码减少重复劳动；</div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="jT_g2ZkIey" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">UI/UX设计师，无需编程即可将设计稿转化为网页；</div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="mYX40p2IBv" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">初创企业，低成本搭建官网或产品展示页；</div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="7Xtsb0LEGI" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">自由职业者，独立完成设计到开发全流程。</div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="0URlqcR3Uo" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">营销团队（快速迭代落地页）和教育机构（网页设计教学工具）。</div>
        </div>
</div><div class="ce-block" data-id="liwzIoI7hF" >
        <div class="ce-block__content" style="">
                <h3 class="ce-header ce-header--left">产品特色</h3>
        </div>
</div><div class="ce-block ce-block--focused" data-id="BPG529hcZT" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">将图像转换为HTML CSS代码</div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="Fire9XQX2k" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">无需编码的设计和内容编辑器</div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="VtxI4B0odG" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">自定义域名绑定</div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="cnsJ4zYO-I" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">99.8%的稳定性托管</div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="eDCh5DDIjz" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">随时获取备份</div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="Xb4Do2iHh6" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">SEO友好和移动友好的网站</div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="Aux_0QAaOT" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">遵循世界级标准</div>
        </div>
</div><style type="text/css">
.ce-block {
        margin-top: 20px;
    margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
        /* max-width:calc(100% - 50px) */
        margin-left: auto;
    margin-right: auto;
}
/**
* Plugin styles
*/
.ce-header {
position: relative;
padding: 1px 0px 1px 15px;
margin: 0;
line-height: 1.25em;
outline: none;
margin-bottom: 10px;
}

.ce-header p,
.ce-header div {
padding: 0 !important;
margin: 0 !important;
}
.ce-header::before {
        content: "";
        background-color: #3e8fe3;
        width: 6px;
        height: 100%;
        position: absolute;
        left: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
}
/**
* Styles for Plugin icon in Toolbar
*/
.ce-header__icon {
}

.ce-header::before {
position: absolute;
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
display: none;
cursor: text;
}

.ce-header:empty::before {
display: block;
}

.ce-header:empty:focus::before {
display: none;
}
/* FontSize */
h1.ce-header {
    font-size: 2.0em;
}
h2.ce-header {
    font-size: 1.7em;
}
h3.ce-header {
    font-size: 1.4em;
}
h4.ce-header {
    font-size: 1.15em;
}
h5.ce-header {
    font-size: 0.95em;
}
h6.ce-header {
    font-size: 0.8em;
}
/* Alignment*/
.ce-header--right {
text-align: right;
}
.ce-header--center {
text-align: center;
}
.ce-header--left {
text-align: left;
}
.ce-header--justify {
text-align: justify;
}
</style><style type="text/css">
.ce-block {
    margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
        /* max-width:calc(100% - 50px) */
        margin-left: auto;
    margin-right: auto;
}
.ce-paragraph {
    line-height: 1.6em;
    outline: none;
    text-indent: 2em;
    font-size: 16px;
}
.ce-paragraph--right {
    text-align: right;
}
.ce-paragraph--center {
    text-align: center;
}
.ce-paragraph--left {
    text-align: left;
}

.ce-paragraph--justify {
    text-align: justify;
}

.ce-paragraph-text-indent {
    text-align: justify;
}
.ce-paragraph:empty::before{
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
opacity: 0;
}

/** Show placeholder at the first paragraph if Editor is empty */
.codex-editor--empty .ce-block:first-child .ce-paragraph:empty::before {
opacity: 1;
}

.codex-editor--toolbox-opened .ce-block:first-child .ce-paragraph:empty::before,
.codex-editor--empty .ce-block:first-child .ce-paragraph:empty:focus::before {
opacity: 0;
}

.ce-paragraph p:first-of-type{
    margin-top: 0;
}

.ce-paragraph p:last-of-type{
    margin-bottom: 0;
}


.svg-icon {
    width: 1em;
    height: 1em;
}

.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
    fill: #4691f6;
}

.svg-icon circle {
    stroke: #4691f6;
    stroke-width: 1;
}
</style><style type="text/css">
.inline-code {
background: rgba(250, 239, 240, 0.78);
color: #b44437;
padding: 3px 4px;
border-radius: 5px;
margin: 0 1px;
font-family: inherit;
font-size: 0.86em;
font-weight: 500;
letter-spacing: 0.3px;
}
</style>
页: [1]
查看完整版本: Fronty