{
  "op": [
    "custom_json",
    {
      "id": "rc",
      "json": "[\"delegate_rc\",{\"from\":\"foxlead\",\"delegatees\":[\"fee-service-new\"],\"max_rc\":17350000000}]",
      "required_auths": [],
      "required_posting_auths": [
        "foxlead"
      ]
    }
  ],
  "block": 83434117,
  "trx_id": "41c20e08a998a782421b25567d7c66e4055c14cc",
  "op_in_trx": 0,
  "timestamp": "2024-03-07T13:14:00",
  "virtual_op": false,
  "trx_in_block": 48
}

{
  "op": [
    "transfer",
    {
      "to": "foxlead",
      "from": "terablock-hive",
      "memo": "Join 220+ Hive members in supporting our Hive CrossDEX proposal to expand Hive's DeFi ecosystem. Every vote brings us closer to a decentralised financial future. 🚀 Your support matters! Vote now: https://peakd.com/me/proposals/295",
      "amount": "0.001 HIVE"
    }
  ],
  "block": 82799764,
  "trx_id": "1d5bd4db7be1df4b9a5436a67b23c51e213e7fe3",
  "op_in_trx": 0,
  "timestamp": "2024-02-14T11:59:30",
  "virtual_op": false,
  "trx_in_block": 32
}

{
  "op": [
    "transfer",
    {
      "to": "foxlead",
      "from": "terablock-hive",
      "memo": "Participate in Hive's DeFi Future! Hive urgently needs robust DeFi infrastructure to unlock its full potential. Your vote for Hive CrossDEX is crucial in building a dynamic and inclusive DeFi ecosystem on Hive. Make a difference today, vote now: https://peakd.com/me/proposals/295",
      "amount": "0.001 HIVE"
    }
  ],
  "block": 81934488,
  "trx_id": "b9f9134a2dd050d3596536fc97bf762f0b4ac2ac",
  "op_in_trx": 0,
  "timestamp": "2024-01-15T09:41:24",
  "virtual_op": false,
  "trx_in_block": 5
}

{
  "op": [
    "comment_payout_update",
    {
      "author": "foxlead",
      "permlink": "been-a-while"
    }
  ],
  "block": 71069137,
  "trx_id": "0000000000000000000000000000000000000000",
  "op_in_trx": 2,
  "timestamp": "2023-01-02T16:29:00",
  "virtual_op": true,
  "trx_in_block": 4294967295
}

{
  "op": [
    "effective_comment_vote",
    {
      "voter": "nullpointer",
      "author": "foxlead",
      "weight": 12125399,
      "rshares": 97003194,
      "permlink": "been-a-while",
      "pending_payout": "0.000 HBD",
      "total_vote_weight": 12125399
    }
  ],
  "block": 70966770,
  "trx_id": "0d64d48155be4a119643ad7ffe1ca80b1b4dda27",
  "op_in_trx": 1,
  "timestamp": "2022-12-30T03:05:48",
  "virtual_op": true,
  "trx_in_block": 92
}

{
  "op": [
    "vote",
    {
      "voter": "nullpointer",
      "author": "foxlead",
      "weight": 10000,
      "permlink": "been-a-while"
    }
  ],
  "block": 70966770,
  "trx_id": "0d64d48155be4a119643ad7ffe1ca80b1b4dda27",
  "op_in_trx": 0,
  "timestamp": "2022-12-30T03:05:48",
  "virtual_op": false,
  "trx_in_block": 92
}

{
  "op": [
    "custom_json",
    {
      "id": "reblog",
      "json": "[\"reblog\",{\"account\":\"foxlead\",\"author\":\"foxlead\",\"permlink\":\"been-a-while\"}]",
      "required_auths": [],
      "required_posting_auths": [
        "foxlead"
      ]
    }
  ],
  "block": 70867736,
  "trx_id": "0672724d23bdca229fcd957c2ee4934ecd5c5079",
  "op_in_trx": 0,
  "timestamp": "2022-12-26T16:29:06",
  "virtual_op": false,
  "trx_in_block": 78
}

{
  "op": [
    "comment_options",
    {
      "author": "foxlead",
      "permlink": "been-a-while",
      "extensions": [
        [
          0,
          {
            "beneficiaries": [
              {
                "weight": 200,
                "account": "hive-169321"
              },
              {
                "weight": 100,
                "account": "hiveonboard"
              },
              {
                "weight": 100,
                "account": "ocd"
              },
              {
                "weight": 300,
                "account": "starstrings01"
              }
            ]
          }
        ]
      ],
      "allow_votes": true,
      "percent_hbd": 10000,
      "max_accepted_payout": "1000000.000 HBD",
      "allow_curation_rewards": true
    }
  ],
  "block": 70867735,
  "trx_id": "7f6294e75860dcc1a436a705a1f5adbf0a9681df",
  "op_in_trx": 1,
  "timestamp": "2022-12-26T16:29:03",
  "virtual_op": false,
  "trx_in_block": 35
}

{
  "op": [
    "comment",
    {
      "body": "Been a while since I have posted any of my works on hive blockchain mainly because I have been doing some stuffs lately and funny my last 3 post got no recognition or whatsoever which was heartbreaking enough😔.\n\nJust wanna share incase there's someone who would like to check it out . \n\nI have been working on something lately but i will give you full details when it is ready but here is a glimpse of it.\n\n\n![FAAC98BB-0DE9-4404-A558-501F8169D9C9.jpeg](https://files.peakd.com/file/peakd-hive/foxlead/23xAJvU6NP266ZYuymjPbR2WnboGYFnGdELvpXckgs2WR2XGHqbN3AgauS3ABWCVDKwi2.jpeg)\n\n![08793265-701E-4960-B976-9959385F29FD.jpeg](https://files.peakd.com/file/peakd-hive/foxlead/EorxtSCipGwtNy2f2qMvNpjg3CwMLrF4gHcGFCaZ8qGnUwVMZhgeoqX4gQJnV6uda24.jpeg)\n\n![7AB4C7D1-8AC2-4804-B69E-918D23B46437.jpeg](https://files.peakd.com/file/peakd-hive/foxlead/23xKjbWdt9zN7MAUKAW74EYUsWtUWkvYmifJKpPWuSqz4Mox85Z2LQhZmvfVksJzcCauo.jpeg)\n\n![CB05E210-F411-41FB-84B4-D60B71F1D48B.jpeg](https://files.peakd.com/file/peakd-hive/foxlead/EoK4sCFQ5A2UiMMhynsrnFAVVJiy4VXH1ZKSK8SYJhQsc7NUYyaRm42vMTxkPMkbGWv.jpeg)\n\n![20ED7890-12BE-4639-B660-8F52817E67EA.jpeg](https://files.peakd.com/file/peakd-hive/foxlead/Eoc5fH2PuvzznjuFvBQbShsWJh83pzEpCjQHuEzfHuiwhaXUKUfnitgjkai9y4jCQz4.jpeg)\n\n\n",
      "title": "Been a while",
      "author": "foxlead",
      "permlink": "been-a-while",
      "json_metadata": "{\"app\":\"peakd/2022.12.1\",\"format\":\"markdown\",\"description\":\"Been a while 😔\",\"tags\":[\"programming\",\"development\",\"code\",\"javascript\",\"post\",\"hive\",\"devs\"],\"users\":[],\"image\":[\"https://files.peakd.com/file/peakd-hive/foxlead/23xAJvU6NP266ZYuymjPbR2WnboGYFnGdELvpXckgs2WR2XGHqbN3AgauS3ABWCVDKwi2.jpeg\",\"https://files.peakd.com/file/peakd-hive/foxlead/EorxtSCipGwtNy2f2qMvNpjg3CwMLrF4gHcGFCaZ8qGnUwVMZhgeoqX4gQJnV6uda24.jpeg\",\"https://files.peakd.com/file/peakd-hive/foxlead/23xKjbWdt9zN7MAUKAW74EYUsWtUWkvYmifJKpPWuSqz4Mox85Z2LQhZmvfVksJzcCauo.jpeg\",\"https://files.peakd.com/file/peakd-hive/foxlead/EoK4sCFQ5A2UiMMhynsrnFAVVJiy4VXH1ZKSK8SYJhQsc7NUYyaRm42vMTxkPMkbGWv.jpeg\",\"https://files.peakd.com/file/peakd-hive/foxlead/Eoc5fH2PuvzznjuFvBQbShsWJh83pzEpCjQHuEzfHuiwhaXUKUfnitgjkai9y4jCQz4.jpeg\"]}",
      "parent_author": "",
      "parent_permlink": "hive-169321"
    }
  ],
  "block": 70867735,
  "trx_id": "7f6294e75860dcc1a436a705a1f5adbf0a9681df",
  "op_in_trx": 0,
  "timestamp": "2022-12-26T16:29:03",
  "virtual_op": false,
  "trx_in_block": 35
}

{
  "op": [
    "delegate_vesting_shares",
    {
      "delegatee": "foxlead",
      "delegator": "starstrings01",
      "vesting_shares": "0.000000 VESTS"
    }
  ],
  "block": 68842792,
  "trx_id": "96afadbf1081fa8eb85f142a83385818c3793009",
  "op_in_trx": 0,
  "timestamp": "2022-10-17T06:58:39",
  "virtual_op": false,
  "trx_in_block": 56
}

{
  "op": [
    "comment_payout_update",
    {
      "author": "foxlead",
      "permlink": "tour-of-nature"
    }
  ],
  "block": 68391436,
  "trx_id": "0000000000000000000000000000000000000000",
  "op_in_trx": 2,
  "timestamp": "2022-10-01T13:40:39",
  "virtual_op": true,
  "trx_in_block": 4294967295
}

{
  "op": [
    "comment_payout_update",
    {
      "author": "foxlead",
      "permlink": "path-to-mindfulness"
    }
  ],
  "block": 68286471,
  "trx_id": "0000000000000000000000000000000000000000",
  "op_in_trx": 2,
  "timestamp": "2022-09-27T22:04:45",
  "virtual_op": true,
  "trx_in_block": 4294967295
}

{
  "op": [
    "effective_comment_vote",
    {
      "voter": "poetation",
      "author": "foxlead",
      "weight": 7405771982,
      "rshares": 14811543964,
      "permlink": "tour-of-nature",
      "pending_payout": "0.010 HBD",
      "total_vote_weight": 8451677461
    }
  ],
  "block": 68253211,
  "trx_id": "1ce3cdad2cb7d4e2a03cf633cb4dff62e8dfced7",
  "op_in_trx": 1,
  "timestamp": "2022-09-26T18:19:39",
  "virtual_op": true,
  "trx_in_block": 27
}

{
  "op": [
    "vote",
    {
      "voter": "poetation",
      "author": "foxlead",
      "weight": 10000,
      "permlink": "tour-of-nature"
    }
  ],
  "block": 68253211,
  "trx_id": "1ce3cdad2cb7d4e2a03cf633cb4dff62e8dfced7",
  "op_in_trx": 0,
  "timestamp": "2022-09-26T18:19:39",
  "virtual_op": false,
  "trx_in_block": 27
}

{
  "op": [
    "claim_reward_balance",
    {
      "account": "foxlead",
      "reward_hbd": "0.000 HBD",
      "reward_hive": "0.000 HIVE",
      "reward_vests": "1.812010 VESTS"
    }
  ],
  "block": 68238991,
  "trx_id": "16e12994465d30518985f730ee93006cd304342d",
  "op_in_trx": 0,
  "timestamp": "2022-09-26T06:27:42",
  "virtual_op": false,
  "trx_in_block": 56
}

{
  "op": [
    "effective_comment_vote",
    {
      "voter": "foxlead",
      "author": "foxlead",
      "weight": 973506072,
      "rshares": 1947012145,
      "permlink": "tour-of-nature",
      "pending_payout": "0.001 HBD",
      "total_vote_weight": 1045905479
    }
  ],
  "block": 68238979,
  "trx_id": "4a853dc62d2982c65dc7d86d55369baaa562112c",
  "op_in_trx": 1,
  "timestamp": "2022-09-26T06:27:06",
  "virtual_op": true,
  "trx_in_block": 45
}

{
  "op": [
    "vote",
    {
      "voter": "foxlead",
      "author": "foxlead",
      "weight": 10000,
      "permlink": "tour-of-nature"
    }
  ],
  "block": 68238979,
  "trx_id": "4a853dc62d2982c65dc7d86d55369baaa562112c",
  "op_in_trx": 0,
  "timestamp": "2022-09-26T06:27:06",
  "virtual_op": false,
  "trx_in_block": 45
}

{
  "op": [
    "vote",
    {
      "voter": "foxlead",
      "author": "foxlead",
      "weight": 10000,
      "permlink": "top-programming-languages-in-robotics"
    }
  ],
  "block": 68238961,
  "trx_id": "47abcf625bb8de55033a0ee11f34e098a6609f99",
  "op_in_trx": 0,
  "timestamp": "2022-09-26T06:26:12",
  "virtual_op": false,
  "trx_in_block": 40
}

{
  "op": [
    "effective_comment_vote",
    {
      "voter": "junichi3005",
      "author": "foxlead",
      "weight": 72399407,
      "rshares": 72399407,
      "permlink": "tour-of-nature",
      "pending_payout": "0.000 HBD",
      "total_vote_weight": 72399407
    }
  ],
  "block": 68190164,
  "trx_id": "2c37a8c994b6e83a88a0c6fccee0fb23882dfab7",
  "op_in_trx": 1,
  "timestamp": "2022-09-24T13:43:09",
  "virtual_op": true,
  "trx_in_block": 54
}

{
  "op": [
    "vote",
    {
      "voter": "junichi3005",
      "author": "foxlead",
      "weight": 10000,
      "permlink": "tour-of-nature"
    }
  ],
  "block": 68190164,
  "trx_id": "2c37a8c994b6e83a88a0c6fccee0fb23882dfab7",
  "op_in_trx": 0,
  "timestamp": "2022-09-24T13:43:09",
  "virtual_op": false,
  "trx_in_block": 54
}

{
  "op": [
    "custom_json",
    {
      "id": "reblog",
      "json": "[\"reblog\",{\"account\":\"foxlead\",\"author\":\"foxlead\",\"permlink\":\"tour-of-nature\"}]",
      "required_auths": [],
      "required_posting_auths": [
        "foxlead"
      ]
    }
  ],
  "block": 68190116,
  "trx_id": "1e75c19852b8c41f8e9a99c4e4a51309f4a95268",
  "op_in_trx": 0,
  "timestamp": "2022-09-24T13:40:45",
  "virtual_op": false,
  "trx_in_block": 42
}

{
  "op": [
    "comment_options",
    {
      "author": "foxlead",
      "permlink": "tour-of-nature",
      "extensions": [
        [
          0,
          {
            "beneficiaries": [
              {
                "weight": 100,
                "account": "hiveonboard"
              },
              {
                "weight": 100,
                "account": "ocd"
              },
              {
                "weight": 100,
                "account": "starstrings01"
              }
            ]
          }
        ]
      ],
      "allow_votes": true,
      "percent_hbd": 10000,
      "max_accepted_payout": "1000000.000 HBD",
      "allow_curation_rewards": true
    }
  ],
  "block": 68190115,
  "trx_id": "13290bb036480570da73c6cc313941734be1c881",
  "op_in_trx": 1,
  "timestamp": "2022-09-24T13:40:42",
  "virtual_op": false,
  "trx_in_block": 15
}

{
  "op": [
    "comment",
    {
      "body": "I and my friend decided to stroll out on a fine evening and I can't help but to take photos of these beauty to share it with y'all. Hope you enjoy 😍\n\n\n![CA96B45A-2271-4559-BAE3-F53468A40590.jpeg](https://files.peakd.com/file/peakd-hive/foxlead/Epta6oFAwMLxMSCgEbBwpQC2trguJh9Cunka54uEUBKpX7TUj1MmT65rr8Lda2q4WJW.jpeg)\n\n![20999330-7641-499E-8C21-B146BF5E6EA1.jpeg](https://files.peakd.com/file/peakd-hive/foxlead/EogPjghSedsZsABn86CAHJQ7GRidHWZRhELYiXkcBMvtaCx5SC7rPCz6ceqDqB4aU8w.jpeg)\n\n![AD028F65-82AA-488B-82E8-CBBAEA9CD402.jpeg](https://files.peakd.com/file/peakd-hive/foxlead/EprTd3dUZRswRk6CQhiaGy3iFq9VkQb5jnEoXds3kUF7KvoRZ98E7VrvjjspLpvjiug.jpeg)\n\n![BF79DF43-A8DA-482A-80D8-23786768657F.jpeg](https://files.peakd.com/file/peakd-hive/foxlead/23wCEEBN2V4dTsmcGY9gJ5m3VQTQ45RKKaBpv4u4BnemE4b8WBTWzdTYpdGHkUcT46JwU.jpeg)\n\n![37DCB944-7ABA-49E5-BD5E-03C4917C92CE.jpeg](https://files.peakd.com/file/peakd-hive/foxlead/23uQtb5FCSBQMs91MeX5xvdoSjQbGoUa5x8wzx8wdRWXeqFUu7y38gKtWf5YnJaC72BXB.jpeg)\n\n![82D20B93-758E-40CA-8A4D-85854DE74541.jpeg](https://files.peakd.com/file/peakd-hive/foxlead/EoAaCvYiaLakBU3pbtn7briA8jHx3uRjobzQuZW5GR61ksfnf4JTJ63yisTmbjLY4qV.jpeg)\n\n![5A2187C1-6408-4758-9954-294A34F32A63.jpeg](https://files.peakd.com/file/peakd-hive/foxlead/23vsL2MaFTxwtJ3kMMdKk6XXSC73gEhKqGwqhDq7oJVQ9VLZAHF21cYG5D9LyqS8Z8sVR.jpeg)\n\n![015DBD6D-73C5-489A-A2CB-0B3679190592.jpeg](https://files.peakd.com/file/peakd-hive/foxlead/23uFThYcB3wXg5sLsUziqJqe6i4XBgZGadCSUkwUhCnCQanaa7tphAKedkGe2FBi7arCm.jpeg)\n\n![C1F4672E-3885-4DD5-BDE6-025FA9B3149B.jpeg](https://files.peakd.com/file/peakd-hive/foxlead/Eoc7VXU9jEyD6p5GMmPBrpzDttgvFt3kCZsAju9vsY8BfVgPvt6NubCm2j2szUYJFee.jpeg)\n\n![3F39131E-3CBD-42E3-B5EB-2F394EC07FD7.jpeg](https://files.peakd.com/file/peakd-hive/foxlead/Eos1G43ZP6bwvUTXuVGYV2yE33qtFwo2egBUVcXWYZW528DrjeBcrwFUCrw5K2NT2Vz.jpeg)\n\n![9EA45DF4-782E-484E-B7F4-03024CF22069.jpeg](https://files.peakd.com/file/peakd-hive/foxlead/Eoc7XcWMWUjT8kQtAYj6djQJWW6VpPRHBkuJeR1SrNZKssMzBME9UGARpcB5zHarfXU.jpeg)\n",
      "title": "Tour of Nature",
      "author": "foxlead",
      "permlink": "tour-of-nature",
      "json_metadata": "{\"app\":\"peakd/2022.07.1\",\"format\":\"markdown\",\"description\":\"Nature beauty\",\"tags\":[\"hivepost\",\"text\",\"post\",\"hive\",\"article\"],\"users\":[],\"image\":[\"https://files.peakd.com/file/peakd-hive/foxlead/Epta6oFAwMLxMSCgEbBwpQC2trguJh9Cunka54uEUBKpX7TUj1MmT65rr8Lda2q4WJW.jpeg\",\"https://files.peakd.com/file/peakd-hive/foxlead/EogPjghSedsZsABn86CAHJQ7GRidHWZRhELYiXkcBMvtaCx5SC7rPCz6ceqDqB4aU8w.jpeg\",\"https://files.peakd.com/file/peakd-hive/foxlead/EprTd3dUZRswRk6CQhiaGy3iFq9VkQb5jnEoXds3kUF7KvoRZ98E7VrvjjspLpvjiug.jpeg\",\"https://files.peakd.com/file/peakd-hive/foxlead/23wCEEBN2V4dTsmcGY9gJ5m3VQTQ45RKKaBpv4u4BnemE4b8WBTWzdTYpdGHkUcT46JwU.jpeg\",\"https://files.peakd.com/file/peakd-hive/foxlead/23uQtb5FCSBQMs91MeX5xvdoSjQbGoUa5x8wzx8wdRWXeqFUu7y38gKtWf5YnJaC72BXB.jpeg\",\"https://files.peakd.com/file/peakd-hive/foxlead/EoAaCvYiaLakBU3pbtn7briA8jHx3uRjobzQuZW5GR61ksfnf4JTJ63yisTmbjLY4qV.jpeg\",\"https://files.peakd.com/file/peakd-hive/foxlead/23vsL2MaFTxwtJ3kMMdKk6XXSC73gEhKqGwqhDq7oJVQ9VLZAHF21cYG5D9LyqS8Z8sVR.jpeg\",\"https://files.peakd.com/file/peakd-hive/foxlead/23uFThYcB3wXg5sLsUziqJqe6i4XBgZGadCSUkwUhCnCQanaa7tphAKedkGe2FBi7arCm.jpeg\",\"https://files.peakd.com/file/peakd-hive/foxlead/Eoc7VXU9jEyD6p5GMmPBrpzDttgvFt3kCZsAju9vsY8BfVgPvt6NubCm2j2szUYJFee.jpeg\",\"https://files.peakd.com/file/peakd-hive/foxlead/Eos1G43ZP6bwvUTXuVGYV2yE33qtFwo2egBUVcXWYZW528DrjeBcrwFUCrw5K2NT2Vz.jpeg\",\"https://files.peakd.com/file/peakd-hive/foxlead/Eoc7XcWMWUjT8kQtAYj6djQJWW6VpPRHBkuJeR1SrNZKssMzBME9UGARpcB5zHarfXU.jpeg\"]}",
      "parent_author": "",
      "parent_permlink": "hive-119845"
    }
  ],
  "block": 68190115,
  "trx_id": "13290bb036480570da73c6cc313941734be1c881",
  "op_in_trx": 0,
  "timestamp": "2022-09-24T13:40:42",
  "virtual_op": false,
  "trx_in_block": 15
}

{
  "op": [
    "custom_json",
    {
      "id": "peakd_notify",
      "json": "{\"action\":\"markAsRead\",\"date\":\"2022-09-24T13:33:01\"}",
      "required_auths": [],
      "required_posting_auths": [
        "foxlead"
      ]
    }
  ],
  "block": 68190003,
  "trx_id": "2153c6a38c41d7510739468b2c923f2aaffed4d3",
  "op_in_trx": 1,
  "timestamp": "2022-09-24T13:35:06",
  "virtual_op": false,
  "trx_in_block": 1
}

{
  "op": [
    "custom_json",
    {
      "id": "notify",
      "json": "[\"setLastRead\",{\"date\":\"2022-09-24T13:33:01\"}]",
      "required_auths": [],
      "required_posting_auths": [
        "foxlead"
      ]
    }
  ],
  "block": 68190003,
  "trx_id": "2153c6a38c41d7510739468b2c923f2aaffed4d3",
  "op_in_trx": 0,
  "timestamp": "2022-09-24T13:35:06",
  "virtual_op": false,
  "trx_in_block": 1
}

{
  "op": [
    "comment_payout_update",
    {
      "author": "foxlead",
      "permlink": "building-a-landing-page-with-html-css-and-javascript-fundamentals-of-front-end-web-development"
    }
  ],
  "block": 68100202,
  "trx_id": "0000000000000000000000000000000000000000",
  "op_in_trx": 3,
  "timestamp": "2022-09-21T10:39:15",
  "virtual_op": true,
  "trx_in_block": 4294967295
}

{
  "op": [
    "comment",
    {
      "body": "@@ -1114,8 +1114,104 @@\n t time.%0A\n+%0AAlso make sure you source every image that is not yours, to avoid being accused of plagiarism.%0A\n",
      "title": "",
      "author": "erikah",
      "permlink": "re-foxlead-rijx0u",
      "json_metadata": "{\"tags\":\"hive-174578\"}",
      "parent_author": "foxlead",
      "parent_permlink": "path-to-mindfulness"
    }
  ],
  "block": 68097671,
  "trx_id": "5150c522799587c88b5dea2e95460369b3e2f560",
  "op_in_trx": 0,
  "timestamp": "2022-09-21T08:32:30",
  "virtual_op": false,
  "trx_in_block": 53
}

{
  "op": [
    "comment",
    {
      "body": "Hi @foxlead. What you're sharing here with the community can be useful for many, if the post could reach those interested in the topic. This is why I suggest you use the  [Meditation](https://peakd.com/c/hive-121653/created) community next time as OCD is for topics that don't fit in any other community and should be used when you don't find a niche community for your post.\n\nWe have different communities on Hive and we're encouraging users to post in the right community based on the topic of the post. \n\nHere's a guide I put together to help you learn about how communities work and why you should use them -> [Communities Explained - Newbie Guide](https://peakd.com/hive-174578/@erikah/communities-explained-newbie-guide).\n\nOnce you posted your post in the right community, you can then cross post it to OCD community. Here's a guide about [cross posting](https://peakd.com/hive-174578/@erikah/cross-posting-and-reposting-explained-using-peakd).\n\nPlease don't delete any post with the purpose of reposting it in another community as that can be considered abuse! Leave this post here, you'll get it right next time.\n",
      "title": "",
      "author": "erikah",
      "permlink": "re-foxlead-rijx0u",
      "json_metadata": "{\"tags\":[\"hive-174578\"],\"app\":\"peakd/2022.07.1\"}",
      "parent_author": "foxlead",
      "parent_permlink": "path-to-mindfulness"
    }
  ],
  "block": 68097656,
  "trx_id": "2342372f5d165d43036cf0371406b3b96a8b38c3",
  "op_in_trx": 0,
  "timestamp": "2022-09-21T08:31:45",
  "virtual_op": false,
  "trx_in_block": 27
}

{
  "op": [
    "curation_reward",
    {
      "author": "achimmertens",
      "reward": "1.812010 VESTS",
      "curator": "foxlead",
      "permlink": "creation-of-the-hammurabi-game-part-8-get-content-from-the-hive-api",
      "payout_must_be_claimed": true
    }
  ],
  "block": 68094494,
  "trx_id": "0000000000000000000000000000000000000000",
  "op_in_trx": 100,
  "timestamp": "2022-09-21T05:53:21",
  "virtual_op": true,
  "trx_in_block": 4294967295
}

{
  "op": [
    "effective_comment_vote",
    {
      "voter": "abdex9",
      "author": "foxlead",
      "weight": 22747145544,
      "rshares": 22747145544,
      "permlink": "path-to-mindfulness",
      "pending_payout": "0.015 HBD",
      "total_vote_weight": 22747145544
    }
  ],
  "block": 68087879,
  "trx_id": "46f998077a8c80b3b0b593b70e482af40561a662",
  "op_in_trx": 1,
  "timestamp": "2022-09-21T00:22:18",
  "virtual_op": true,
  "trx_in_block": 55
}

{
  "op": [
    "vote",
    {
      "voter": "abdex9",
      "author": "foxlead",
      "weight": 10000,
      "permlink": "path-to-mindfulness"
    }
  ],
  "block": 68087879,
  "trx_id": "46f998077a8c80b3b0b593b70e482af40561a662",
  "op_in_trx": 0,
  "timestamp": "2022-09-21T00:22:18",
  "virtual_op": false,
  "trx_in_block": 55
}

{
  "op": [
    "custom_json",
    {
      "id": "peakd_notify",
      "json": "{\"action\":\"markAsRead\",\"date\":\"2022-09-20T22:03:24\"}",
      "required_auths": [],
      "required_posting_auths": [
        "foxlead"
      ]
    }
  ],
  "block": 68085143,
  "trx_id": "88dcc7e2f2cf840582ee68d53325bbfa012308ff",
  "op_in_trx": 1,
  "timestamp": "2022-09-20T22:05:27",
  "virtual_op": false,
  "trx_in_block": 58
}

{
  "op": [
    "custom_json",
    {
      "id": "notify",
      "json": "[\"setLastRead\",{\"date\":\"2022-09-20T22:03:24\"}]",
      "required_auths": [],
      "required_posting_auths": [
        "foxlead"
      ]
    }
  ],
  "block": 68085143,
  "trx_id": "88dcc7e2f2cf840582ee68d53325bbfa012308ff",
  "op_in_trx": 0,
  "timestamp": "2022-09-20T22:05:27",
  "virtual_op": false,
  "trx_in_block": 58
}

{
  "op": [
    "custom_json",
    {
      "id": "peakd_notify",
      "json": "{\"action\":\"markAsRead\",\"date\":\"2022-09-20T22:03:23\"}",
      "required_auths": [],
      "required_posting_auths": [
        "foxlead"
      ]
    }
  ],
  "block": 68085143,
  "trx_id": "cc5f9d60926e2b865574b938a7d903c2b443a65e",
  "op_in_trx": 1,
  "timestamp": "2022-09-20T22:05:27",
  "virtual_op": false,
  "trx_in_block": 36
}

{
  "op": [
    "custom_json",
    {
      "id": "notify",
      "json": "[\"setLastRead\",{\"date\":\"2022-09-20T22:03:23\"}]",
      "required_auths": [],
      "required_posting_auths": [
        "foxlead"
      ]
    }
  ],
  "block": 68085143,
  "trx_id": "cc5f9d60926e2b865574b938a7d903c2b443a65e",
  "op_in_trx": 0,
  "timestamp": "2022-09-20T22:05:27",
  "virtual_op": false,
  "trx_in_block": 36
}

{
  "op": [
    "custom_json",
    {
      "id": "reblog",
      "json": "[\"reblog\",{\"account\":\"foxlead\",\"author\":\"foxlead\",\"permlink\":\"path-to-mindfulness\"}]",
      "required_auths": [],
      "required_posting_auths": [
        "foxlead"
      ]
    }
  ],
  "block": 68085132,
  "trx_id": "4e87a351fc7bd7dbc111d0d4d8251f4f0348bdb4",
  "op_in_trx": 0,
  "timestamp": "2022-09-20T22:04:54",
  "virtual_op": false,
  "trx_in_block": 7
}

{
  "op": [
    "comment_options",
    {
      "author": "foxlead",
      "permlink": "path-to-mindfulness",
      "extensions": [
        [
          0,
          {
            "beneficiaries": [
              {
                "weight": 100,
                "account": "hiveonboard"
              },
              {
                "weight": 100,
                "account": "ocd"
              },
              {
                "weight": 1000,
                "account": "poshtoken"
              },
              {
                "weight": 300,
                "account": "starstrings01"
              }
            ]
          }
        ]
      ],
      "allow_votes": true,
      "percent_hbd": 10000,
      "max_accepted_payout": "1000000.000 HBD",
      "allow_curation_rewards": true
    }
  ],
  "block": 68085130,
  "trx_id": "2306cbfc4441482f3ce2bfea2d03414a6ae814a0",
  "op_in_trx": 1,
  "timestamp": "2022-09-20T22:04:48",
  "virtual_op": false,
  "trx_in_block": 60
}

{
  "op": [
    "comment",
    {
      "body": "\n![2BC4ED12-4D73-43A7-B44F-1549D66D259F.jpeg](https://files.peakd.com/file/peakd-hive/foxlead/23zS9ugAbeyQyTiHgbxPAyGVQQ6qyoe8Hep8jor9gjVkq3P1FRY8dPJoLeLdhM86qSqHG.jpeg)\n\n\nMany people in different situations give different response to their situations for example public speaking , yea , you probably already are anxious bout it which is quite a normal thing  for many people including myself sometimes though.\n\n\nEven the so called shyness or introvert this are labels that the society place on certain individuals and those individuals unconsciously accepted it as their personality. What if there's a way you can overcome anxiety and shyness and other things you might be facing that is leading to your low self esteem .\n\nMeditation is literally the way for you . Now allow me to futher explain to you what meditation really is.\n\n\" When we meditate, we inject far-reaching and long-lasting benefits into our lives: We lower our stress levels, we get to know our pain, we connect better, we improve our focus, and we're kinder to ourselves. \"\n\nReally you don't have to take a really big time out of your day meditate all you need is to stay consistent with the time range you pick for yourself. Now you can and should start with 5mins at least then when you get used to it you can increase the time range.\n\n\nIn meditation we focus on Our breathing technique we focus as we  take a deep breath in and as we breath out as we do this we take in account our present or acknowledge our presence. This is part of the process that helps us to build our focus and muscle of attention and mindfulness.\n\n\n![B91ACED3-858E-4883-B27B-8EF90738211E.jpeg](https://files.peakd.com/file/peakd-hive/foxlead/23y8udEVLp3CwKYuj3VNyzmFcsajaL4hZHkkvkHyTCk8YREX5knspvyctZPitBtP1ZbqJ.jpeg)\n\nHere are the steps to achieving this \n\n\n![B56C4A92-3C19-4B0D-A374-FA40FD5E2FDB.jpeg](https://files.peakd.com/file/peakd-hive/foxlead/23zbjAfMBsVyUFT6nuB4n6JLPwaJHpzayTuktzCfMGKddQKuGRS1eG6tyui5SAavcEE6h.jpeg)\n\n\n\n![9C866C05-EF26-4BE1-802D-E561306AE72D.jpeg](https://files.peakd.com/file/peakd-hive/foxlead/AK596Z8dfA4iYUn9hFDcuiTjkDexML1e2ug44NzQbmRfP3KPPkrpHJ6Lq9VoF91.jpeg)\n\nHappy growing 🥰",
      "title": "Path to Mindfulness",
      "author": "foxlead",
      "permlink": "path-to-mindfulness",
      "json_metadata": "{\"app\":\"peakd/2022.07.1\",\"format\":\"markdown\",\"description\":\"Meditation\",\"tags\":[\"hivepost\",\"article\",\"text\",\"post\",\"development\"],\"users\":[],\"image\":[\"https://files.peakd.com/file/peakd-hive/foxlead/23zS9ugAbeyQyTiHgbxPAyGVQQ6qyoe8Hep8jor9gjVkq3P1FRY8dPJoLeLdhM86qSqHG.jpeg\",\"https://files.peakd.com/file/peakd-hive/foxlead/23y8udEVLp3CwKYuj3VNyzmFcsajaL4hZHkkvkHyTCk8YREX5knspvyctZPitBtP1ZbqJ.jpeg\",\"https://files.peakd.com/file/peakd-hive/foxlead/23zbjAfMBsVyUFT6nuB4n6JLPwaJHpzayTuktzCfMGKddQKuGRS1eG6tyui5SAavcEE6h.jpeg\",\"https://files.peakd.com/file/peakd-hive/foxlead/AK596Z8dfA4iYUn9hFDcuiTjkDexML1e2ug44NzQbmRfP3KPPkrpHJ6Lq9VoF91.jpeg\"]}",
      "parent_author": "",
      "parent_permlink": "hive-174578"
    }
  ],
  "block": 68085130,
  "trx_id": "2306cbfc4441482f3ce2bfea2d03414a6ae814a0",
  "op_in_trx": 0,
  "timestamp": "2022-09-20T22:04:48",
  "virtual_op": false,
  "trx_in_block": 60
}

{
  "op": [
    "comment",
    {
      "body": "Dear @foxlead, we need your help!<br><br>The Hivebuzz proposal already got important support from the community. However, it lost its funding a few days ago and only needs a bit more support to get funded again.<br><br>May we ask you to support it so our team can continue its work?<br>You can do it on [Peakd](https://peakd.com/me/proposals/199), [ecency](https://ecency.com/proposals/199), [Hive.blog](https://wallet.hive.blog/proposals) or [using HiveSigner](https://hivesigner.com/sign/update_proposal_votes?proposal_ids=%5B%22199%22%5D&approve=true).<br>https://peakd.com/me/proposals/199<br><br>Your support will be really appreciated.<br>Thank you!",
      "title": "",
      "author": "hivebuzz",
      "permlink": "txt-foxlead-20220914t220823",
      "json_metadata": "{\"image\":[\"http://hivebuzz.me/notify.t6.png\"]}",
      "parent_author": "foxlead",
      "parent_permlink": "building-a-landing-page-with-html-css-and-javascript-fundamentals-of-front-end-web-development"
    }
  ],
  "block": 67912637,
  "trx_id": "59394ec7a596b2b7da718fafd78d85bcdf305a9c",
  "op_in_trx": 0,
  "timestamp": "2022-09-14T22:08:27",
  "virtual_op": false,
  "trx_in_block": 9
}

{
  "op": [
    "effective_comment_vote",
    {
      "voter": "foxlead",
      "author": "achimmertens",
      "weight": 1947012145,
      "rshares": 1947012145,
      "permlink": "creation-of-the-hammurabi-game-part-8-get-content-from-the-hive-api",
      "pending_payout": "28.038 HBD",
      "total_vote_weight": 37603068568235
    }
  ],
  "block": 67898894,
  "trx_id": "d3a122e9c9962fbdf68dcec83228e81cffd8fff2",
  "op_in_trx": 1,
  "timestamp": "2022-09-14T10:40:03",
  "virtual_op": true,
  "trx_in_block": 40
}

{
  "op": [
    "vote",
    {
      "voter": "foxlead",
      "author": "achimmertens",
      "weight": 10000,
      "permlink": "creation-of-the-hammurabi-game-part-8-get-content-from-the-hive-api"
    }
  ],
  "block": 67898894,
  "trx_id": "d3a122e9c9962fbdf68dcec83228e81cffd8fff2",
  "op_in_trx": 0,
  "timestamp": "2022-09-14T10:40:03",
  "virtual_op": false,
  "trx_in_block": 40
}

{
  "op": [
    "custom_json",
    {
      "id": "reblog",
      "json": "[\"reblog\",{\"account\":\"foxlead\",\"author\":\"foxlead\",\"permlink\":\"building-a-landing-page-with-html-css-and-javascript-fundamentals-of-front-end-web-development\"}]",
      "required_auths": [],
      "required_posting_auths": [
        "foxlead"
      ]
    }
  ],
  "block": 67898881,
  "trx_id": "8e6833d8966aff92f3522eb5f71ee7326789dff4",
  "op_in_trx": 0,
  "timestamp": "2022-09-14T10:39:24",
  "virtual_op": false,
  "trx_in_block": 37
}

{
  "op": [
    "comment_options",
    {
      "author": "foxlead",
      "permlink": "building-a-landing-page-with-html-css-and-javascript-fundamentals-of-front-end-web-development",
      "extensions": [
        [
          0,
          {
            "beneficiaries": [
              {
                "weight": 200,
                "account": "hive-169321"
              },
              {
                "weight": 100,
                "account": "hiveonboard"
              },
              {
                "weight": 100,
                "account": "ocd"
              }
            ]
          }
        ]
      ],
      "allow_votes": true,
      "percent_hbd": 10000,
      "max_accepted_payout": "1000000.000 HBD",
      "allow_curation_rewards": true
    }
  ],
  "block": 67898879,
  "trx_id": "c0a57742b29ade7b251a2acbf57d7f101f442470",
  "op_in_trx": 1,
  "timestamp": "2022-09-14T10:39:18",
  "virtual_op": false,
  "trx_in_block": 38
}

{
  "op": [
    "comment",
    {
      "body": "Hey there guys , so I decided to give a tutorial about building a Landing Page Website in HTML CSS JavaScript , now a landing page website is more like a single page website which is mostly used for affiliate marketing to advertise digital or physical products which there is a link to purchase the item or to make an action but these days Landing Page Website are now used for a lot of things like single page portfolio, information page , articles just to mention a few..\n\nSo we are going to be using the past tutorials example to build a demo Landing Page to discuss about an Amazon product ( disclaimer : I do not sell this product this is just a simple demo of what a landing page wouldook like in our case a Landing page for affiliate marketing of an Amazon product ).\n\nFirst we design the page , designing a web page before time gives us developer and web design a broad perspective of what the project would look like after designing it and save us the stree of having to guess where each element should be thus making our development time faster and easier and more fun .\n\nLet's start:\nHere is the design of the landing page using illustrator.\n\n\n![crea.jpg](https://files.peakd.com/file/peakd-hive/foxlead/23xLBKnunoqac32pgoobHxSG8w3zKXrqLJ4Nmb2Wo1zRxi5XaPTCSho6eF9FHR6zYdpPn.jpg)\n\n\nHere is the html code:\n```\n<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    <meta name=\"viewport\" content=\"wclassth=device-wclassth, initial-scale=1.0\">\n    <title>Creatine Landing Page </title>\n</head>\n\n<body>\n    <input type=\"checkbox\" class=\"openSidebarMenu\" id=\"openSidebarMenu\">\n    <label for=\"openSidebarMenu\" class=\"sidebarIconToggle\">\n        <div class=\"spinner diagonal part-1\"></div>\n        <div class=\"spinner horizontal\"></div>\n        <div class=\"spinner diagonal part-2\"></div>\n    </label>\n    <div id=\"sidebarMenu\">\n        <ul class=\"sidebarMenuInner\">\n            <li>\n                <a href=\"#home\"> HOME </a>\n            </li>\n\n            <li>\n                <a href=\"#about\"> ABOUT </a>\n            </li>\n\n            <li>\n                <a href=\"#testimonial\"> TESTIMONIAL </a>\n            </li>\n\n            <li>\n                <a href=\"#contact\"> CONTACT </a>\n            </li>\n        </ul>\n    </div>\n    <div class=\"headshot\" id=\"home\">\n        <h2> THE BEST CREATINE PRODUCT </h2>\n        <a class=\"btn\" href=\"https://www.amazon.com/Nutricost-Creatine-Monohydrate-Micronized-Powder/dp/B00GL2HMES/ref=sr_1_3_sspa?keywords=creatine&qid=1662578808&sr=8-3-spons&psc=1&smid=A2YD2H3KGK1F4L&spLa=ZW5jcnlwdGVkUXVhbGlmaWVyPUFCRExNWktHM0dEMTUmZW5jcnlwdGVkSWQ9QTA0OTI4OTAzVENWRUlSSkJCMzJDJmVuY3J5cHRlZEFkSWQ9QTAxNjk5MTcxQjdKUllWTVkyVUk1JndpZGdldE5hbWU9c3BfYXRmJmFjdGlvbj1jbGlja1JlZGlyZWN0JmRvTm90TG9nQ2xpY2s9dHJ1ZQ==\"> BUY NOW </a>\n        <div class=\"head-img\">\n            <img src=\"creatine.png\" alt=\"/\" />\n        </div>\n    </div>\n    <section id=\"section\" id=\"about\">\n        <h3> About Creatine </h3>\n        <P class=\"product-info\">\n             ipsum illum\n            labore autem amet dolorem veniam class similique, fuga obcaecati consequuntur? Aliquclass, nobis. Tenetur,\n            perspiciatis pariatur.\n        </P>\n        <div class=\"about-img\">\n            <img src=\"creatine.png\" alt=\"/\" />\n        </div>\n\n        <div class=\"INFO-SECT\">\n            <div class=\"cont-1\">\n                <h5> Features </h5>\n                <div> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam esse hic quclassem maiores\n                    fugiat vero amet molestias blanditiis voluptatibus, </div>\n            </div>\n            <div class=\"cont-1\">\n                <h5> How It Works </h5>\n                <div> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam esse hic quclassem maiores\n                    fugiat vero amet molestias blanditiis voluptatibus!</div>\n            </div>\n        </div>\n    </section>\n    <section id=\"testimonial\">\n        <h3> Testimonials</h3>\n        <div class=\"slclasser\">\n\n            <div class=\"slider\">\n                <div class=\"slides\">\n                    <div class=\"slide-1\"> 1 </div>\n                    <div class=\"slide-1\"> 2 </div>\n                    <div class=\"slide-1\"> 3 </div>\n                    <div class=\"slide-1\"> 4 </div>\n                    <div class=\"slide-1\"> 5 </div>\n                    <div class=\"slide-1\"> 6 </div>\n                    <div class=\"slide-1\"> 7 </div>\n                </div>\n            </div>\n        </div>\n    </section>\n    <section id=\"contact\">\n        <h3>Get In Touch </h3>\n        <div class=\"contact-form\">\n            <form>\n                <label for=\"name\"> Name </label><br />\n                <input type=\"text\" placeholder=\"Enter your name...\" /><br />\n                <label for=\"name\"> Email Address </label><br />\n                <input type=\"text\" placeholder=\"Enter your email...\" /><br />\n                <label for=\"name\"> Message </label><br />\n                <textarea message class=\"message\" placeholder=\"Enter Your Message Here....\"> </textarea>\n                <button type=\"submit\"> SEND </button>\n            </form>\n        </div>\n        <div class=\"cont-info\">\n            <h3> [email protected]</h3>\n            <h3> 20 Jackson VIlle Street</h3>\n\n    </section>\n    <footer>\n        <p> &copy;copyright 2025 . All Rights Reserverd | Designed By foxlead </p>\n    </footer>\n\n</body>\n\n</html>\n<style>\n\n\n```\n\n\nHere is the CSS code:\n```\n\n    body {\n        max-width: 1440px;\n        min-width: 320px;\n        display: flexbox;\n        overflow-x: hidden;\n        margin: 0 auto 0 auto;\n        position: relative;\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    }\n\n    * {\n        text-decoration: none;\n        list-style: none;\n    }\n\n    h2 {\n        color: #fff;\n        font-weight: bolder;\n        text-transform: uppercase;\n        font-size: 53px;\n        position: absolute;\n        width: 50%;\n        top: 5%;\n        left: 5%;\n    }\n\n    nav {\n        position: absolute;\n        top: 10px;\n        right: 35px;\n        display: inline-block;\n    }\n\n    nav ul li {\n        display: inline-block;\n    }\n\n    nav ul li a {\n        color: #fff;\n        cursor: pointer;\n    }\n\n    .headshot {\n        background: #152d7a;\n        width: 100%;\n        height: 500px;\n        display: block;\n        margin: 0 auto;\n    }\n\n    h3 {\n        display: block;\n        font-weight: 500;\n        font-size: larger;\n    }\n\n    .btn {\n        color: #ffff;\n        background: #f49916;\n        padding: 8px 12px;\n        border: none;\n        border-radius: 5px;\n        position: absolute;\n        cursor: pointer;\n        top: 16%;\n        left: 30%;\n        font-size: large;\n        font-weight: 500;\n    }\n\n    .head-img {\n        width: 30%;\n        height: 350px;\n        display: block;\n        position: absolute;\n        right: 35px;\n        top: 90px;\n    }\n\n    section {\n        display: block;\n        width: 100%;\n        text-align: center;\n        height: auto;\n        position: relative;\n    }\n\n    .head-img img {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        object-position: contain;\n        aspect-ratio: 1;\n    }\n\n    h5 {\n        text-align: left;\n        display: inline-block;\n        width: 100%;\n    }\n\n    #section {\n        height: 800px;\n        width: 100%;\n        display: block;\n    }\n\n    #sidebarMenu {\n        position: absolute;\n        right: 35px;\n        top: 10px;\n    }\n\n    .sidebarMenuInner li a {\n        color: #fff;\n    }\n\n    .sidebarMenuInner li {\n        display: inline-block;\n        padding: 10px;\n    }\n\n    .product-info {\n\n        width: 50%;\n        margin: 0 auto;\n        display: inline-block;\n        text-transform: capitalize;\n        margin: 10px;\n        text-align: center;\n    }\n\n    input[type=checkbox] {\n        display: none;\n        visibility: hidden;\n    }\n\n    .slider {\n        /*styling for the slider container */\n        margin: 0 auto 0 auto;\n        position: relative;\n    }\n\n    .Slider {\n        margin-top: 30px;\n        /* specifying the actual slider but using the case sensitivity */\n        width: auto;\n        text-align: center;\n        cursor: grab;\n        overflow: hidden;\n    }\n\n    .slides {\n        display: flex;\n        text-align: center;\n        overflow-x: auto;\n        border: 1px solid #fff;\n        width: 100%;\n        margin: 0 auto 0 auto;\n        scrollbar-width: 300px;\n        scroll-snap-type: x mandatory;\n        scroll-behavior: smooth;\n        /* specify whether to use native scrollin in ans overflowing element */\n    }\n\n    .slides::-webkit-scrollbar {\n        width: 10px;\n        height: 10px;\n    }\n\n    .slides::-webkit-scrollbar-thumb {\n        background: white;\n        border-radius: 10px;\n    }\n\n    .slides::-webkit-scrollbar-track {\n        background: transparent;\n    }\n\n    .slides>div {\n        scroll-snap-align: center;\n        /* this is the main value scroll-snap-align which will align the contents to the center just like the carousel used in the portfolio */\n        flex-shrink: 0;\n        /* responsiible for shringking the contents*/\n        width: 700px;\n        /* width of the card */\n        height: 400px;\n        /* height of th card */\n        margin-right: 20px;\n        border-radius: 10px;\n        background: #ece;\n        /* color of the card */\n        transform-origin: center;\n        /* not necessary  but still valuable */\n        transform: scale(1);\n        /* not necessary  but still valuable */\n        transition: ease 0.5s;\n        /* not necessary  but still valuable */\n        position: center;\n        /* responsible for aligning the contents inside the cards */\n        display: flex;\n        /* not necessary  but still valuable */\n        justify-content: center;\n        /* responsible for aligning the contents inside the cards */\n        align-items: center;\n        /* responsible for aligning the contents inside the cards */\n        font-size: 100px;\n        z-index: ;\n    }\n\n    ::-webkit-scrollbar-thumb {\n        background: #fff;\n    }\n\n    h4 {\n        font-size: large;\n    }\n\n    .about-img {\n        width: 45%;\n        height: 450px;\n        display: block;\n        left: 35px;\n        position: absolute;\n    }\n\n    .about-img img {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        object-position: center;\n    }\n\n    .contact-form {\n        width: 50%;\n        display: block;\n        height: auto;\n        margin-left: 35px;\n        text-align: left;\n        padding: 10px;\n    }\n\n    input {\n        width: 80%;\n        padding: 10px;\n        border: none;\n        display: block;\n        border: none;\n        border-bottom: 2px solid #152d7a;\n    }\n\n    textarea {\n        height: 250px;\n        resize: none;\n        width: 80%;\n         border: none;\n        border-bottom: 2px solid #152d7a;\n    }\n\n    button {\n        color: #fff;\n        background: #152d7a;\n        padding: 15px;\n        border-radius: 5px;\n        font-weight: 500;\n        cursor: pointer;\n        font-size: large;\n        border: none;\n        margin: 20px;\n    }\n\n    .INFO-SECT {\n        width: 45%;\n        height: auto;\n        padding: 10px;\n        text-align: left;\n        position: absolute;\n        right: 35px;\n        text-transform: capitalize;\n    }\n\n    .INFO-SECT h5 {\n        font-weight: 500;\n        font-size: large;\n    }\n\n    .cont-1 {\n        display: block;\n        margin: 5px;\n        padding: 3px;\n        text-transform: capitalize;\n    }\n\n    .cont-1 div {\n        width: 80%;\n        margin: 0 auto 0 auto;\n        display: block;\n    }\n\n    .cont-info {\n        position: absolute;\n        right: 10%;\n        text-align: center;\n        margin-top: -300px;\n    }\n\n    label {\n        font-size: larger;\n        font-weight: 500;\n    }\n\n    footer {\n        margin-top: 20%;\n        background: #152d7a;\n        text-align: center;\n        text-align: center;\n        height: 50px;\n        color: #fff;\n    }\n\n    @media screen and (max-width: 1024px) {\n        body {\n            max-width: 1024px;\n            height: auto;\n            min-width: 320px;\n        }\n\n        .slides {\n            width: 90%;\n        }\n        .about-img {\n            left : 0;\n        }\n\n        .slides>div {\n            width: 300px;\n            height: 250px;\n        }\n\n        #sidebarMenu {\n            height: 100%;\n            position: fixed;\n            left: 0;\n            width: 250px;\n            margin-top:-10px;\n            z-index: 99;\n            transform: translateX(-250px);\n            transition: transform 250ms ease-in-out;\n            background: linear-gradient(180deg, #FC466B 0%, #3F5EFB 100%);\n        }\n\n        .sidebarMenuInner {\n            margin: 0;\n            padding: 0;\n            border-top: 1px solid rgba(255, 255, 255, 0.10);\n        }\n\n        .sidebarMenuInner li {\n            list-style: none;\n            color: #fff;\n            text-transform: uppercase;\n            font-weight: bold;\n            padding: 20px;\n            display: block;\n            cursor: pointer;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.10);\n        }\n\n        .sidebarMenuInner li span {\n            display: block;\n            font-size: 14px;\n            color: rgba(255, 255, 255, 0.50);\n        }\n\n        .sidebarMenuInner li a {\n            color: #fff;\n            text-transform: uppercase;\n            font-weight: bold;\n            cursor: pointer;\n            text-decoration: none;\n        }\n\n        input[type=\"checkbox\"]:checked~#sidebarMenu {\n            transform: translateX(0);\n        }\n        input[type=\"checkbox\"]:checked ~ .sidebarIconToggle {\n            transform: translateX(250px);\n        }\n\n        input[type=checkbox] {\n            transition: all 0.3s;\n            box-sizing: border-box;\n            display: none;\n        }\n\n        .sidebarIconToggle {\n            transition: all 0.3s;\n            box-sizing: border-box;\n            cursor: pointer;\n            position: absolute;\n            z-index: 99;\n            height: 100%;\n            width: 100%;\n            top: 22px;\n            left: 15px;\n            height: 22px;\n            width: 22px;\n        }\n\n        .spinner {\n            transition: all 0.3s;\n            box-sizing: border-box;\n            position: absolute;\n            height: 3px;\n            border-radius : 10px ;\n            width: 100%;\n            background-color: #fff;\n        }\n\n        .horizontal {\n            transition: all 0.3s;\n            box-sizing: border-box;\n            position: relative;\n            float: left;\n            margin-top: 3px;\n        }\n\n        .diagonal.part-1 {\n            position: relative;\n            transition: all 0.3s;\n            box-sizing: border-box;\n            float: left;\n        }\n        \n        .cont-info{\n            display : none ;\n        }\n        .diagonal.part-2 {\n            transition: all 0.3s;\n            box-sizing: border-box;\n            position: relative;\n            float: left;\n            margin-top: 3px;\n        }\n\n        input[type=checkbox]:checked~.sidebarIconToggle>.horizontal {\n            transition: all 0.3s;\n            box-sizing: border-box;\n            opacity: 0;\n        }\n\n        input[type=checkbox]:checked~.sidebarIconToggle>.diagonal.part-1 {\n            transition: all 0.3s;\n            box-sizing: border-box;\n            transform: rotate(135deg);\n            margin-top: 8px;\n        }\n\n        input[type=checkbox]:checked~.sidebarIconToggle>.diagonal.part-2 {\n            transition: all 0.3s;\n            box-sizing: border-box;\n            transform: rotate(-135deg);\n            margin-top: -9px;\n        }\n    }\n    @media screen and (max-width : 600px) {\n        body{\n            max-width : 600px ;\n            height : auto ;\n        }\n        h2{\n            font-size : 45px ;\n        }\n        *{\n            font-size : small ;\n        }\n        .btn\n        {\n            position: relative ;\n            top : 85% ;\n        }\n        \n    }\n    @media screen and (max-width : 500px ) {\n        body{\n            max-width : 500px ;\n            height : auto ;\n        }\n        text-area {\n            width : 100% ;\n        }\n    }\n    @media screen and (max-width : 360px) {\n        body{\n            max-width : 360px ;\n            height : auto ;\n        }\n        .head-img{\n            width : 70% ;\n            top : 0;\n            right : 0;\n        }\n        .section{\n            height : 750px ;\n        }\n        .about-img{\n            width : 70% ;\n            height : 50% ;\n        }\n        .cont-1{\n            margin : 0;\n        }\n        .cont-1 > div {\n            font-size : x-small ;\n            height : 100px ;\n        }\n        .product-info{\n            width : 90% ;\n        }\n        section{\n            margin : 20px ;\n        }\n        .contact-form{\n            width : 90% ;\n            margin : 0;\n        } \n        input{\n            width : 90% ;\n        }\n        button{\n            font-size : small ;\n        }\n    }\n\n\n```\n\n\ncode at once:\n\n```\n<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    <meta name=\"viewport\" content=\"wclassth=device-wclassth, initial-scale=1.0\">\n    <title>Creatine Landing Page </title>\n</head>\n\n<body>\n    <input type=\"checkbox\" class=\"openSidebarMenu\" id=\"openSidebarMenu\">\n    <label for=\"openSidebarMenu\" class=\"sidebarIconToggle\">\n        <div class=\"spinner diagonal part-1\"></div>\n        <div class=\"spinner horizontal\"></div>\n        <div class=\"spinner diagonal part-2\"></div>\n    </label>\n    <div id=\"sidebarMenu\">\n        <ul class=\"sidebarMenuInner\">\n            <li>\n                <a href=\"#home\"> HOME </a>\n            </li>\n\n            <li>\n                <a href=\"#about\"> ABOUT </a>\n            </li>\n\n            <li>\n                <a href=\"#testimonial\"> TESTIMONIAL </a>\n            </li>\n\n            <li>\n                <a href=\"#contact\"> CONTACT </a>\n            </li>\n        </ul>\n    </div>\n    <div class=\"headshot\" id=\"home\">\n        <h2> THE BEST CREATINE PRODUCT </h2>\n        <a class=\"btn\" href=\"https://www.amazon.com/Nutricost-Creatine-Monohydrate-Micronized-Powder/dp/B00GL2HMES/ref=sr_1_3_sspa?keywords=creatine&qid=1662578808&sr=8-3-spons&psc=1&smid=A2YD2H3KGK1F4L&spLa=ZW5jcnlwdGVkUXVhbGlmaWVyPUFCRExNWktHM0dEMTUmZW5jcnlwdGVkSWQ9QTA0OTI4OTAzVENWRUlSSkJCMzJDJmVuY3J5cHRlZEFkSWQ9QTAxNjk5MTcxQjdKUllWTVkyVUk1JndpZGdldE5hbWU9c3BfYXRmJmFjdGlvbj1jbGlja1JlZGlyZWN0JmRvTm90TG9nQ2xpY2s9dHJ1ZQ==\"> BUY NOW </a>\n        <div class=\"head-img\">\n            <img src=\"creatine.png\" alt=\"/\" />\n        </div>\n    </div>\n    <section id=\"section\" id=\"about\">\n        <h3> About Creatine </h3>\n        <P class=\"product-info\">\n             ipsum illum\n            labore autem amet dolorem veniam class similique, fuga obcaecati consequuntur? Aliquclass, nobis. Tenetur,\n            perspiciatis pariatur.\n        </P>\n        <div class=\"about-img\">\n            <img src=\"creatine.png\" alt=\"/\" />\n        </div>\n\n        <div class=\"INFO-SECT\">\n            <div class=\"cont-1\">\n                <h5> Features </h5>\n                <div> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam esse hic quclassem maiores\n                    fugiat vero amet molestias blanditiis voluptatibus, </div>\n            </div>\n            <div class=\"cont-1\">\n                <h5> How It Works </h5>\n                <div> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam esse hic quclassem maiores\n                    fugiat vero amet molestias blanditiis voluptatibus!</div>\n            </div>\n        </div>\n    </section>\n    <section id=\"testimonial\">\n        <h3> Testimonials</h3>\n        <div class=\"slclasser\">\n\n            <div class=\"slider\">\n                <div class=\"slides\">\n                    <div class=\"slide-1\"> 1 </div>\n                    <div class=\"slide-1\"> 2 </div>\n                    <div class=\"slide-1\"> 3 </div>\n                    <div class=\"slide-1\"> 4 </div>\n                    <div class=\"slide-1\"> 5 </div>\n                    <div class=\"slide-1\"> 6 </div>\n                    <div class=\"slide-1\"> 7 </div>\n                </div>\n            </div>\n        </div>\n    </section>\n    <section id=\"contact\">\n        <h3>Get In Touch </h3>\n        <div class=\"contact-form\">\n            <form>\n                <label for=\"name\"> Name </label><br />\n                <input type=\"text\" placeholder=\"Enter your name...\" /><br />\n                <label for=\"name\"> Email Address </label><br />\n                <input type=\"text\" placeholder=\"Enter your email...\" /><br />\n                <label for=\"name\"> Message </label><br />\n                <textarea message class=\"message\" placeholder=\"Enter Your Message Here....\"> </textarea>\n                <button type=\"submit\"> SEND </button>\n            </form>\n        </div>\n        <div class=\"cont-info\">\n            <h3> [email protected]</h3>\n            <h3> 20 Jackson VIlle Street</h3>\n\n    </section>\n    <footer>\n        <p> &copy;copyright 2025 . All Rights Reserverd | Designed By foxlead </p>\n    </footer>\n![crea.jpg](https://files.peakd.com/file/peakd-hive/foxlead/23xLBKnunoqac32pgoobHxSG8w3zKXrqLJ4Nmb2Wo1zRxi5XaPTCSho6eF9FHR6zYdpPn.jpg)\n \n</body>\n\n\n\n</html>\n<style>\n    body {\n        max-width: 1440px;\n        min-width: 320px;\n        display: flexbox;\n        overflow-x: hidden;\n        margin: 0 auto 0 auto;\n        position: relative;\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    }\n\n    * {\n        text-decoration: none;\n        list-style: none;\n    }\n\n    h2 {\n        color: #fff;\n        font-weight: bolder;\n        text-transform: uppercase;\n        font-size: 53px;\n        position: absolute;\n        width: 50%;\n        top: 5%;\n        left: 5%;\n    }\n\n    nav {\n        position: absolute;\n        top: 10px;\n        right: 35px;\n        display: inline-block;\n    }\n\n    nav ul li {\n        display: inline-block;\n    }\n\n    nav ul li a {\n        color: #fff;\n        cursor: pointer;\n    }\n\n    .headshot {\n        background: #152d7a;\n        width: 100%;\n        height: 500px;\n        display: block;\n        margin: 0 auto;\n    }\n\n    h3 {\n        display: block;\n        font-weight: 500;\n        font-size: larger;\n    }\n\n    .btn {\n        color: #ffff;\n        background: #f49916;\n        padding: 8px 12px;\n        border: none;\n        border-radius: 5px;\n        position: absolute;\n        cursor: pointer;\n        top: 16%;\n        left: 30%;\n        font-size: large;\n        font-weight: 500;\n    }\n\n    .head-img {\n        width: 30%;\n        height: 350px;\n        display: block;\n        position: absolute;\n        right: 35px;\n        top: 90px;\n    }\n\n    section {\n        display: block;\n        width: 100%;\n        text-align: center;\n        height: auto;\n        position: relative;\n    }\n\n    .head-img img {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        object-position: contain;\n        aspect-ratio: 1;\n    }\n\n    h5 {\n        text-align: left;\n        display: inline-block;\n        width: 100%;\n    }\n\n    #section {\n        height: 800px;\n        width: 100%;\n        display: block;\n    }\n\n    #sidebarMenu {\n        position: absolute;\n        right: 35px;\n        top: 10px;\n    }\n\n    .sidebarMenuInner li a {\n        color: #fff;\n    }\n\n    .sidebarMenuInner li {\n        display: inline-block;\n        padding: 10px;\n    }\n\n    .product-info {\n\n        width: 50%;\n        margin: 0 auto;\n        display: inline-block;\n        text-transform: capitalize;\n        margin: 10px;\n        text-align: center;\n    }\n\n    input[type=checkbox] {\n        display: none;\n        visibility: hidden;\n    }\n\n    .slider {\n        /*styling for the slider container */\n        margin: 0 auto 0 auto;\n        position: relative;\n    }\n\n    .Slider {\n        margin-top: 30px;\n        /* specifying the actual slider but using the case sensitivity */\n        width: auto;\n        text-align: center;\n        cursor: grab;\n        overflow: hidden;\n    }\n\n    .slides {\n        display: flex;\n        text-align: center;\n        overflow-x: auto;\n        border: 1px solid #fff;\n        width: 100%;\n        margin: 0 auto 0 auto;\n        scrollbar-width: 300px;\n        scroll-snap-type: x mandatory;\n        scroll-behavior: smooth;\n        /* specify whether to use native scrollin in ans overflowing element */\n    }\n\n    .slides::-webkit-scrollbar {\n        width: 10px;\n        height: 10px;\n    }\n\n    .slides::-webkit-scrollbar-thumb {\n        background: white;\n        border-radius: 10px;\n    }\n\n    .slides::-webkit-scrollbar-track {\n        background: transparent;\n    }\n\n    .slides>div {\n        scroll-snap-align: center;\n        /* this is the main value scroll-snap-align which will align the contents to the center just like the carousel used in the portfolio */\n        flex-shrink: 0;\n        /* responsiible for shringking the contents*/\n        width: 700px;\n        /* width of the card */\n        height: 400px;\n        /* height of th card */\n        margin-right: 20px;\n        border-radius: 10px;\n        background: #ece;\n        /* color of the card */\n        transform-origin: center;\n        /* not necessary  but still valuable */\n        transform: scale(1);\n        /* not necessary  but still valuable */\n        transition: ease 0.5s;\n        /* not necessary  but still valuable */\n        position: center;\n        /* responsible for aligning the contents inside the cards */\n        display: flex;\n        /* not necessary  but still valuable */\n        justify-content: center;\n        /* responsible for aligning the contents inside the cards */\n        align-items: center;\n        /* responsible for aligning the contents inside the cards */\n        font-size: 100px;\n        z-index: ;\n    }\n\n    ::-webkit-scrollbar-thumb {\n        background: #fff;\n    }\n\n    h4 {\n        font-size: large;\n    }\n\n    .about-img {\n        width: 45%;\n        height: 450px;\n        display: block;\n        left: 35px;\n        position: absolute;\n    }\n\n    .about-img img {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        object-position: center;\n    }\n\n    .contact-form {\n        width: 50%;\n        display: block;\n        height: auto;\n        margin-left: 35px;\n        text-align: left;\n        padding: 10px;\n    }\n\n    input {\n        width: 80%;\n        padding: 10px;\n        border: none;\n        display: block;\n        border: none;\n        border-bottom: 2px solid #152d7a;\n    }\n\n    textarea {\n        height: 250px;\n        resize: none;\n        width: 80%;\n         border: none;\n        border-bottom: 2px solid #152d7a;\n    }\n\n    button {\n        color: #fff;\n        background: #152d7a;\n        padding: 15px;\n        border-radius: 5px;\n        font-weight: 500;\n        cursor: pointer;\n        font-size: large;\n        border: none;\n        margin: 20px;\n    }\n\n    .INFO-SECT {\n        width: 45%;\n        height: auto;\n        padding: 10px;\n        text-align: left;\n        position: absolute;\n        right: 35px;\n        text-transform: capitalize;\n    }\n\n    .INFO-SECT h5 {\n        font-weight: 500;\n        font-size: large;\n    }\n\n    .cont-1 {\n        display: block;\n        margin: 5px;\n        padding: 3px;\n        text-transform: capitalize;\n    }\n\n    .cont-1 div {\n        width: 80%;\n        margin: 0 auto 0 auto;\n        display: block;\n    }\n\n    .cont-info {\n        position: absolute;\n        right: 10%;\n        text-align: center;\n        margin-top: -300px;\n    }\n\n    label {\n        font-size: larger;\n        font-weight: 500;\n    }\n\n    footer {\n        margin-top: 20%;\n        background: #152d7a;\n        text-align: center;\n        text-align: center;\n        height: 50px;\n        color: #fff;\n    }\n\n    @media screen and (max-width: 1024px) {\n        body {\n            max-width: 1024px;\n            height: auto;\n            min-width: 320px;\n        }\n\n        .slides {\n            width: 90%;\n        }\n        .about-img {\n            left : 0;\n        }\n\n        .slides>div {\n            width: 300px;\n            height: 250px;\n        }\n\n        #sidebarMenu {\n            height: 100%;\n            position: fixed;\n            left: 0;\n            width: 250px;\n            margin-top:-10px;\n            z-index: 99;\n            transform: translateX(-250px);\n            transition: transform 250ms ease-in-out;\n            background: linear-gradient(180deg, #FC466B 0%, #3F5EFB 100%);\n        }\n\n        .sidebarMenuInner {\n            margin: 0;\n            padding: 0;\n            border-top: 1px solid rgba(255, 255, 255, 0.10);\n        }\n\n        .sidebarMenuInner li {\n            list-style: none;\n            color: #fff;\n            text-transform: uppercase;\n            font-weight: bold;\n            padding: 20px;\n            display: block;\n            cursor: pointer;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.10);\n        }\n\n        .sidebarMenuInner li span {\n            display: block;\n            font-size: 14px;\n            color: rgba(255, 255, 255, 0.50);\n        }\n\n        .sidebarMenuInner li a {\n            color: #fff;\n            text-transform: uppercase;\n            font-weight: bold;\n            cursor: pointer;\n            text-decoration: none;\n        }\n\n        input[type=\"checkbox\"]:checked~#sidebarMenu {\n            transform: translateX(0);\n        }\n        input[type=\"checkbox\"]:checked ~ .sidebarIconToggle {\n            transform: translateX(250px);\n        }\n\n        input[type=checkbox] {\n            transition: all 0.3s;\n            box-sizing: border-box;\n            display: none;\n        }\n\n        .sidebarIconToggle {\n            transition: all 0.3s;\n            box-sizing: border-box;\n            cursor: pointer;\n            position: absolute;\n            z-index: 99;\n            height: 100%;\n            width: 100%;\n            top: 22px;\n            left: 15px;\n            height: 22px;\n            width: 22px;\n        }\n\n        .spinner {\n            transition: all 0.3s;\n            box-sizing: border-box;\n            position: absolute;\n            height: 3px;\n            border-radius : 10px ;\n            width: 100%;\n            background-color: #fff;\n        }\n\n        .horizontal {\n            transition: all 0.3s;\n            box-sizing: border-box;\n            position: relative;\n            float: left;\n            margin-top: 3px;\n        }\n\n        .diagonal.part-1 {\n            position: relative;\n            transition: all 0.3s;\n            box-sizing: border-box;\n            float: left;\n        }\n        \n        .cont-info{\n            display : none ;\n        }\n        .diagonal.part-2 {\n            transition: all 0.3s;\n            box-sizing: border-box;\n            position: relative;\n            float: left;\n            margin-top: 3px;\n        }\n\n        input[type=checkbox]:checked~.sidebarIconToggle>.horizontal {\n            transition: all 0.3s;\n            box-sizing: border-box;\n            opacity: 0;\n        }\n\n        input[type=checkbox]:checked~.sidebarIconToggle>.diagonal.part-1 {\n            transition: all 0.3s;\n            box-sizing: border-box;\n            transform: rotate(135deg);\n            margin-top: 8px;\n        }\n\n        input[type=checkbox]:checked~.sidebarIconToggle>.diagonal.part-2 {\n            transition: all 0.3s;\n            box-sizing: border-box;\n            transform: rotate(-135deg);\n            margin-top: -9px;\n        }\n    }\n    @media screen and (max-width : 600px) {\n        body{\n            max-width : 600px ;\n            height : auto ;\n        }\n        h2{\n            font-size : 45px ;\n        }\n        *{\n            font-size : small ;\n        }\n        .btn\n        {\n            position: relative ;\n            top : 85% ;\n        }\n        \n    }\n    @media screen and (max-width : 500px ) {\n        body{\n            max-width : 500px ;\n            height : auto ;\n        }\n        text-area {\n            width : 100% ;\n        }\n    }\n    @media screen and (max-width : 360px) {\n        body{\n            max-width : 360px ;\n            height : auto ;\n        }\n        .head-img{\n            width : 70% ;\n            top : 0;\n            right : 0;\n        }\n        .section{\n            height : 750px ;\n        }\n        .about-img{\n            width : 70% ;\n            height : 50% ;\n        }\n        .cont-1{\n            margin : 0;\n        }\n        .cont-1 > div {\n            font-size : x-small ;\n            height : 100px ;\n        }\n        .product-info{\n            width : 90% ;\n        }\n        section{\n            margin : 20px ;\n        }\n        .contact-form{\n            width : 90% ;\n            margin : 0;\n        } \n        input{\n            width : 90% ;\n        }\n        button{\n            font-size : small ;\n        }\n    }\n\n</style>\n\n```\nHere is the view of our project \n\n\n\n![crea3.jpg](https://files.peakd.com/file/peakd-hive/foxlead/23x1aktBfANxx8FuU1KxyJh8cVFNNSfSzVtaCdLXoAHEQohRApWobxPxi61E4VcWxGGVR.jpg)\n\n\n\n\n![crea4.jpg](https://files.peakd.com/file/peakd-hive/foxlead/242Nx9W269GcC2NQCrXWo7vYDijSLrhnzDoeaQztEwfi6qtf9hoitvcGpSHDiF3BLTfyh.jpg)\n\n\n\n\n![crea3.jpg](https://files.peakd.com/file/peakd-hive/foxlead/23x1aktBfANxx8FuU1KxyJh8cVFNNSfSzVtaCdLXoAHEQohRApWobxPxi61E4VcWxGGVR.jpg)\n\n\n![crea6.jpg](6)\n\n\n\n\nNow this are screenshots for he view , i'll drop the live preview of the webpage soon thanks for your time . cheers ......\n\n\n\nAlexander ...",
      "title": "Building a landing page with HTML  CSS and JavaScript  Fundamentals of Front-end web development ",
      "author": "foxlead",
      "permlink": "building-a-landing-page-with-html-css-and-javascript-fundamentals-of-front-end-web-development",
      "json_metadata": "{\"app\":\"peakd/2022.07.1\",\"format\":\"markdown\",\"description\":\"Build your dream project (Frontend development).\",\"tags\":[\"hivepost\",\"programming\",\"development\",\"article\",\"text\",\"post\"],\"users\":[\"example.com\",\"media\"],\"image\":[\"https://files.peakd.com/file/peakd-hive/foxlead/23xLBKnunoqac32pgoobHxSG8w3zKXrqLJ4Nmb2Wo1zRxi5XaPTCSho6eF9FHR6zYdpPn.jpg\",\"https://files.peakd.com/file/peakd-hive/foxlead/23x1aktBfANxx8FuU1KxyJh8cVFNNSfSzVtaCdLXoAHEQohRApWobxPxi61E4VcWxGGVR.jpg\",\"https://files.peakd.com/file/peakd-hive/foxlead/242Nx9W269GcC2NQCrXWo7vYDijSLrhnzDoeaQztEwfi6qtf9hoitvcGpSHDiF3BLTfyh.jpg\",\"https://images.hive.blog/0x0/6\"]}",
      "parent_author": "",
      "parent_permlink": "hive-169321"
    }
  ],
  "block": 67898879,
  "trx_id": "c0a57742b29ade7b251a2acbf57d7f101f442470",
  "op_in_trx": 0,
  "timestamp": "2022-09-14T10:39:18",
  "virtual_op": false,
  "trx_in_block": 38
}

{
  "op": [
    "transfer",
    {
      "to": "tblings-art",
      "from": "foxlead",
      "memo": "",
      "amount": "3.900 HBD"
    }
  ],
  "block": 67621788,
  "trx_id": "f26dfb57a257bc518ea0eaa382b892729f039909",
  "op_in_trx": 0,
  "timestamp": "2022-09-04T19:16:54",
  "virtual_op": false,
  "trx_in_block": 10
}

{
  "op": [
    "comment_payout_update",
    {
      "author": "foxlead",
      "permlink": "re-joebolite97-rgf1g0"
    }
  ],
  "block": 67106068,
  "trx_id": "0000000000000000000000000000000000000000",
  "op_in_trx": 2,
  "timestamp": "2022-08-17T20:12:03",
  "virtual_op": true,
  "trx_in_block": 4294967295
}

{
  "op": [
    "vote",
    {
      "voter": "mproxima",
      "author": "foxlead",
      "weight": 10000,
      "permlink": "automatic-slideshow-html-css-js"
    }
  ],
  "block": 67099737,
  "trx_id": "70584d954492efd7f233caab2d92dc565ec33c24",
  "op_in_trx": 0,
  "timestamp": "2022-08-17T14:53:48",
  "virtual_op": false,
  "trx_in_block": 23
}

{
  "op": [
    "custom_json",
    {
      "id": "peakd_notify",
      "json": "{\"action\":\"markAsRead\",\"date\":\"2022-08-17T14:11:39\"}",
      "required_auths": [],
      "required_posting_auths": [
        "foxlead"
      ]
    }
  ],
  "block": 67098948,
  "trx_id": "0de9932f7645f863b9fb390c5cfc7d65148c76c2",
  "op_in_trx": 1,
  "timestamp": "2022-08-17T14:14:12",
  "virtual_op": false,
  "trx_in_block": 54
}

{
  "op": [
    "custom_json",
    {
      "id": "notify",
      "json": "[\"setLastRead\",{\"date\":\"2022-08-17T14:11:39\"}]",
      "required_auths": [],
      "required_posting_auths": [
        "foxlead"
      ]
    }
  ],
  "block": 67098948,
  "trx_id": "0de9932f7645f863b9fb390c5cfc7d65148c76c2",
  "op_in_trx": 0,
  "timestamp": "2022-08-17T14:14:12",
  "virtual_op": false,
  "trx_in_block": 54
}

{
  "op": [
    "transfer",
    {
      "to": "tblings-art",
      "from": "foxlead",
      "memo": "",
      "amount": "0.900 HBD"
    }
  ],
  "block": 67098917,
  "trx_id": "bd07b004e6831dc85c09e2f61ecf2d268f67a311",
  "op_in_trx": 0,
  "timestamp": "2022-08-17T14:12:39",
  "virtual_op": false,
  "trx_in_block": 22
}

{
  "op": [
    "claim_reward_balance",
    {
      "account": "foxlead",
      "reward_hbd": "0.853 HBD",
      "reward_hive": "0.000 HIVE",
      "reward_vests": "2489.184450 VESTS"
    }
  ],
  "block": 67098772,
  "trx_id": "7e1d5ec264b1bb6e1add267411ec49a2f1516765",
  "op_in_trx": 0,
  "timestamp": "2022-08-17T14:05:21",
  "virtual_op": false,
  "trx_in_block": 77
}

{
  "op": [
    "comment_payout_update",
    {
      "author": "foxlead",
      "permlink": "automatic-slideshow-html-css-js"
    }
  ],
  "block": 67085655,
  "trx_id": "0000000000000000000000000000000000000000",
  "op_in_trx": 117,
  "timestamp": "2022-08-17T03:06:18",
  "virtual_op": true,
  "trx_in_block": 4294967295
}

{
  "op": [
    "comment_reward",
    {
      "author": "foxlead",
      "payout": "3.492 HBD",
      "permlink": "automatic-slideshow-html-css-js",
      "author_rewards": 2740,
      "total_payout_value": "1.706 HBD",
      "curator_payout_value": "1.715 HBD",
      "beneficiary_payout_value": "0.069 HBD"
    }
  ],
  "block": 67085655,
  "trx_id": "0000000000000000000000000000000000000000",
  "op_in_trx": 116,
  "timestamp": "2022-08-17T03:06:18",
  "virtual_op": true,
  "trx_in_block": 4294967295
}

{
  "op": [
    "author_reward",
    {
      "author": "foxlead",
      "permlink": "automatic-slideshow-html-css-js",
      "hbd_payout": "0.853 HBD",
      "hive_payout": "0.000 HIVE",
      "vesting_payout": "2489.184450 VESTS",
      "payout_must_be_claimed": true,
      "curators_vesting_payout": "5003.805822 VESTS"
    }
  ],
  "block": 67085655,
  "trx_id": "0000000000000000000000000000000000000000",
  "op_in_trx": 115,
  "timestamp": "2022-08-17T03:06:18",
  "virtual_op": true,
  "trx_in_block": 4294967295
}

{
  "op": [
    "comment_benefactor_reward",
    {
      "author": "foxlead",
      "permlink": "automatic-slideshow-html-css-js",
      "benefactor": "starstrings01",
      "hbd_payout": "0.008 HBD",
      "hive_payout": "0.000 HIVE",
      "vesting_payout": "25.436921 VESTS",
      "payout_must_be_claimed": true
    }
  ],
  "block": 67085655,
  "trx_id": "0000000000000000000000000000000000000000",
  "op_in_trx": 114,
  "timestamp": "2022-08-17T03:06:18",
  "virtual_op": true,
  "trx_in_block": 4294967295
}

{
  "op": [
    "comment_benefactor_reward",
    {
      "author": "foxlead",
      "permlink": "automatic-slideshow-html-css-js",
      "benefactor": "ocd",
      "hbd_payout": "0.008 HBD",
      "hive_payout": "0.000 HIVE",
      "vesting_payout": "25.436921 VESTS",
      "payout_must_be_claimed": true
    }
  ],
  "block": 67085655,
  "trx_id": "0000000000000000000000000000000000000000",
  "op_in_trx": 113,
  "timestamp": "2022-08-17T03:06:18",
  "virtual_op": true,
  "trx_in_block": 4294967295
}

{
  "op": [
    "comment_benefactor_reward",
    {
      "author": "foxlead",
      "permlink": "automatic-slideshow-html-css-js",
      "benefactor": "hiveonboard",
      "hbd_payout": "0.008 HBD",
      "hive_payout": "0.000 HIVE",
      "vesting_payout": "25.436921 VESTS",
      "payout_must_be_claimed": true
    }
  ],
  "block": 67085655,
  "trx_id": "0000000000000000000000000000000000000000",
  "op_in_trx": 112,
  "timestamp": "2022-08-17T03:06:18",
  "virtual_op": true,
  "trx_in_block": 4294967295
}

{
  "op": [
    "comment_benefactor_reward",
    {
      "author": "foxlead",
      "permlink": "automatic-slideshow-html-css-js",
      "benefactor": "hive-169321",
      "hbd_payout": "0.008 HBD",
      "hive_payout": "0.000 HIVE",
      "vesting_payout": "25.436921 VESTS",
      "payout_must_be_claimed": true
    }
  ],
  "block": 67085655,
  "trx_id": "0000000000000000000000000000000000000000",
  "op_in_trx": 111,
  "timestamp": "2022-08-17T03:06:18",
  "virtual_op": true,
  "trx_in_block": 4294967295
}

{
  "op": [
    "comment_payout_update",
    {
      "author": "foxlead",
      "permlink": "re-gwajnberg-rg3go6"
    }
  ],
  "block": 66926632,
  "trx_id": "0000000000000000000000000000000000000000",
  "op_in_trx": 2,
  "timestamp": "2022-08-11T14:09:42",
  "virtual_op": true,
  "trx_in_block": 4294967295
}

{
  "op": [
    "effective_comment_vote",
    {
      "voter": "gamersclassified",
      "author": "foxlead",
      "weight": 569815429,
      "rshares": 569815429,
      "permlink": "automatic-slideshow-html-css-js",
      "pending_payout": "3.563 HBD",
      "total_vote_weight": 4614183792197
    }
  ],
  "block": 66912662,
  "trx_id": "fb2e057fbb005005060dfbf53bdedc1ed53e453f",
  "op_in_trx": 1,
  "timestamp": "2022-08-11T02:28:36",
  "virtual_op": true,
  "trx_in_block": 51
}

{
  "op": [
    "vote",
    {
      "voter": "gamersclassified",
      "author": "foxlead",
      "weight": 40,
      "permlink": "automatic-slideshow-html-css-js"
    }
  ],
  "block": 66912662,
  "trx_id": "fb2e057fbb005005060dfbf53bdedc1ed53e453f",
  "op_in_trx": 0,
  "timestamp": "2022-08-11T02:28:36",
  "virtual_op": false,
  "trx_in_block": 51
}

{
  "op": [
    "comment",
    {
      "body": "Congratulations @foxlead! You have completed the following achievement on the Hive blockchain and have been rewarded with new badge(s):\n\n<table><tr><td><img src=\"https://images.hive.blog/60x70/http://hivebuzz.me/@foxlead/upvoted.png?202208102149\"></td><td>You received more than 1750 upvotes.<br>Your next target is to reach 2000 upvotes.</td></tr>\n</table>\n\n<sub>_You can view your badges on [your board](https://hivebuzz.me/@foxlead) and compare yourself to others in the [Ranking](https://hivebuzz.me/ranking)_</sub>\n<sub>_If you no longer want to receive notifications, reply to this comment with the word_ `STOP`</sub>\n\n\n\n**Check out the last post from @hivebuzz:**\n<table><tr><td><a href=\"/hive-106258/@hivebuzz/hivefest-trf-2022\"><img src=\"https://images.hive.blog/64x128/https://i.imgur.com/2371e0x.png\"></a></td><td><a href=\"/hive-106258/@hivebuzz/hivefest-trf-2022\">Hivebuzz supports the HiveFest⁷ Travel Reimbursement Fund.</a></td></tr></table>\n\n###### Support the HiveBuzz project. [Vote](https://hivesigner.com/sign/update_proposal_votes?proposal_ids=%5B%22199%22%5D&approve=true) for [our proposal](https://peakd.com/me/proposals/199)!",
      "title": "",
      "author": "hivebuzz",
      "permlink": "notify-foxlead-20220810t221957",
      "json_metadata": "{\"image\":[\"http://hivebuzz.me/notify.t6.png\"]}",
      "parent_author": "foxlead",
      "parent_permlink": "automatic-slideshow-html-css-js"
    }
  ],
  "block": 66907706,
  "trx_id": "a9dade5092b0d32cc43eb461cc83848a992e1abe",
  "op_in_trx": 0,
  "timestamp": "2022-08-10T22:20:00",
  "virtual_op": false,
  "trx_in_block": 44
}

{
  "op": [
    "effective_comment_vote",
    {
      "voter": "endopediatria",
      "author": "foxlead",
      "weight": 695806150,
      "rshares": 695806150,
      "permlink": "automatic-slideshow-html-css-js",
      "pending_payout": "3.548 HBD",
      "total_vote_weight": 4613613976768
    }
  ],
  "block": 66907476,
  "trx_id": "72c0bf28121893e033284e6ade0b6c530f3c9fdc",
  "op_in_trx": 1,
  "timestamp": "2022-08-10T22:08:30",
  "virtual_op": true,
  "trx_in_block": 23
}

{
  "op": [
    "vote",
    {
      "voter": "endopediatria",
      "author": "foxlead",
      "weight": 2000,
      "permlink": "automatic-slideshow-html-css-js"
    }
  ],
  "block": 66907476,
  "trx_id": "72c0bf28121893e033284e6ade0b6c530f3c9fdc",
  "op_in_trx": 0,
  "timestamp": "2022-08-10T22:08:30",
  "virtual_op": false,
  "trx_in_block": 23
}

{
  "op": [
    "effective_comment_vote",
    {
      "voter": "ennyta",
      "author": "foxlead",
      "weight": 949593895,
      "rshares": 949593895,
      "permlink": "automatic-slideshow-html-css-js",
      "pending_payout": "3.547 HBD",
      "total_vote_weight": 4612918170618
    }
  ],
  "block": 66907476,
  "trx_id": "36194d3303f56c459c518cffbfe4b5b6e245c94f",
  "op_in_trx": 1,
  "timestamp": "2022-08-10T22:08:30",
  "virtual_op": true,
  "trx_in_block": 22
}

{
  "op": [
    "vote",
    {
      "voter": "ennyta",
      "author": "foxlead",
      "weight": 5000,
      "permlink": "automatic-slideshow-html-css-js"
    }
  ],
  "block": 66907476,
  "trx_id": "36194d3303f56c459c518cffbfe4b5b6e245c94f",
  "op_in_trx": 0,
  "timestamp": "2022-08-10T22:08:30",
  "virtual_op": false,
  "trx_in_block": 22
}

{
  "op": [
    "effective_comment_vote",
    {
      "voter": "anaestrada12",
      "author": "foxlead",
      "weight": 1289650288,
      "rshares": 1289650288,
      "permlink": "automatic-slideshow-html-css-js",
      "pending_payout": "3.547 HBD",
      "total_vote_weight": 4611968576723
    }
  ],
  "block": 66907476,
  "trx_id": "077ccdf9598f0a756654916f7d8579cd86e93825",
  "op_in_trx": 1,
  "timestamp": "2022-08-10T22:08:30",
  "virtual_op": true,
  "trx_in_block": 21
}

{
  "op": [
    "vote",
    {
      "voter": "anaestrada12",
      "author": "foxlead",
      "weight": 10000,
      "permlink": "automatic-slideshow-html-css-js"
    }
  ],
  "block": 66907476,
  "trx_id": "077ccdf9598f0a756654916f7d8579cd86e93825",
  "op_in_trx": 0,
  "timestamp": "2022-08-10T22:08:30",
  "virtual_op": false,
  "trx_in_block": 21
}

{
  "op": [
    "effective_comment_vote",
    {
      "voter": "flatman",
      "author": "foxlead",
      "weight": 649441309,
      "rshares": 649441309,
      "permlink": "automatic-slideshow-html-css-js",
      "pending_payout": "3.544 HBD",
      "total_vote_weight": 4610678926435
    }
  ],
  "block": 66907279,
  "trx_id": "0c369240f79cceffa9dc0dedd641bd98cd84e162",
  "op_in_trx": 1,
  "timestamp": "2022-08-10T21:58:36",
  "virtual_op": true,
  "trx_in_block": 22
}

{
  "op": [
    "vote",
    {
      "voter": "flatman",
      "author": "foxlead",
      "weight": 80,
      "permlink": "automatic-slideshow-html-css-js"
    }
  ],
  "block": 66907279,
  "trx_id": "0c369240f79cceffa9dc0dedd641bd98cd84e162",
  "op_in_trx": 0,
  "timestamp": "2022-08-10T21:58:36",
  "virtual_op": false,
  "trx_in_block": 22
}

{
  "op": [
    "effective_comment_vote",
    {
      "voter": "orlandogonzalez",
      "author": "foxlead",
      "weight": 3764068813,
      "rshares": 3764068813,
      "permlink": "automatic-slideshow-html-css-js",
      "pending_payout": "3.544 HBD",
      "total_vote_weight": 4610029485126
    }
  ],
  "block": 66907279,
  "trx_id": "8ad3d419be73d55c4f2ab8b0420ec018ba5e2d8b",
  "op_in_trx": 1,
  "timestamp": "2022-08-10T21:58:36",
  "virtual_op": true,
  "trx_in_block": 10
}

{
  "op": [
    "vote",
    {
      "voter": "orlandogonzalez",
      "author": "foxlead",
      "weight": 2500,
      "permlink": "automatic-slideshow-html-css-js"
    }
  ],
  "block": 66907279,
  "trx_id": "8ad3d419be73d55c4f2ab8b0420ec018ba5e2d8b",
  "op_in_trx": 0,
  "timestamp": "2022-08-10T21:58:36",
  "virtual_op": false,
  "trx_in_block": 10
}

{
  "op": [
    "effective_comment_vote",
    {
      "voter": "nicole-st",
      "author": "foxlead",
      "weight": 1646941740,
      "rshares": 1646941740,
      "permlink": "automatic-slideshow-html-css-js",
      "pending_payout": "3.540 HBD",
      "total_vote_weight": 4606265416313
    }
  ],
  "block": 66907179,
  "trx_id": "5b40023c4fc97db639732f858c03fecb74f45558",
  "op_in_trx": 1,
  "timestamp": "2022-08-10T21:53:36",
  "virtual_op": true,
  "trx_in_block": 30
}

{
  "op": [
    "vote",
    {
      "voter": "nicole-st",
      "author": "foxlead",
      "weight": 40,
      "permlink": "automatic-slideshow-html-css-js"
    }
  ],
  "block": 66907179,
  "trx_id": "5b40023c4fc97db639732f858c03fecb74f45558",
  "op_in_trx": 0,
  "timestamp": "2022-08-10T21:53:36",
  "virtual_op": false,
  "trx_in_block": 30
}