52 个响应式代码片段，为您的项目创建网站

编辑其内容

造型

一致的命名

免费使用

大家好。我制作了 52 个响应式代码片段，它们可以帮助你为你的项目、作品集、商业网站或任何你想要的东西构建网站，而且它们都是免费的。它们全部都是完全响应式的，并且可以自定义，所以我想快速向你展示如何使用它们。

编辑其内容

每个代码片段都带有一个独立的 JSON 对象文件，该文件会向其提供数据。因此，更改它们的副本非常简单。请记住，许多代码片段的元素都是卡片形式，可以从对象数组中获取内容。因此，要控制元素数量，只需复制粘贴或从数组中删除对象即可。请看下面的图片。

export default () => ({
  getTitle: () => 'Nunquam consumere boreas',
  getDescription: () => 'Cur frondator mori? Ire saepe ducunt ad noster rector. Elogium de peritus castor, magicae rumor.',
  getImage: () => ({
    src: 'https://via.placeholder.com/350',
    alt: 'image'
  }),
  getCallToAction: () => ({
    text: 'Sectams prarere!',
    target: '_self',
    href: 'https://www.glue.codes'
  }),
  getCards: () => [
    {
      title: 'Sectams prarere!',
      description: 'Cur frondator mori? Ire saepe ducunt ad noster rector. Elogium de peritus castor, magicae rumor.',
      link: {
        href: '#',
        target: '_self'
      }
    },
    {
      title: 'Sectams prarere!',
      description: 'Cur frondator mori? Ire saepe ducunt ad noster rector. Elogium de peritus castor, magicae rumor.',
      link: {
        href: '#',
        target: '_self'
      }
    },
    {
      title: 'Sectams prarere!',
      description: 'Cur frondator mori? Ire saepe ducunt ad noster rector. Elogium de peritus castor, magicae rumor.',
      link: {
        href: '#',
        target: '_self'
      }
    }
  ]
})