Help me to build block for wordpress

hello everyone im newbie , im trying to create horoscope website im stucked.
my problem is ,i want a block that contain all field for horoscope like title for zodiac sign ,icon,and horoscop text filed for all 12 zodic sign and text for every zodic should be editiable in post writing field,is there any way to build like that block or post layout, sorry for my bad english if i couldnt explain well

is this what you are asking for? i wrote it off WordPress plugin WPZOOM.

$zodiacSigns = array(
  array('name' => 'Aquarius', 'horoscope' => 'An Aquarius is known for being independent, progressive, and unique.', 'icon' => '<i class="fas fa-aquarius"></i>'),
  array('name' => 'Pisces', 'horoscope' => 'Pisces are known for being compassionate, imaginative, and sensitive.', 'icon' => '<i class="fas fa-pisces"></i>'),
  array('name' => 'Aries', 'horoscope' => 'An Aries is known for being passionate, energetic, and confident.', 'icon' => '<i class="fas fa-aries"></i>'),
  array('name' => 'Taurus', 'horoscope' => 'Taurus are known for being reliable, patient, and practical.', 'icon' => '<i class="fas fa-taurus"></i>'),
  array('name' => 'Gemini', 'horoscope' => 'Gemini are known for being adaptable, communicative, and witty.', 'icon' => '<i class="fas fa-gemini"></i>'),
  array('name' => 'Cancer', 'horoscope' => 'Cancers are known for being loyal, intuitive, and emotional.', 'icon' => '<i class="fas fa-cancer"></i>'),
  array('name' => 'Leo', 'horoscope' => 'Leos are known for being generous, warmhearted, and creative.', 'icon' => '<i class="fas fa-leo"></i>'),
  array('name' => 'Virgo', 'horoscope' => 'Virgos are known for being analytical, reliable, and practical.', 'icon' => '<i class="fas fa-virgo"></i>'),
  array('name' => 'Libra', 'horoscope' => 'Libras are known for being diplomatic, peaceful, and romantic.', 'icon' => '<i class="fas fa-libra"></i>'),
  array('name' => 'Scorpio', 'horoscope' => 'Scorpios are known for being passionate, determined, and intense.', 'icon' => '<i class="fas fa-scorpio"></i>'),
  array('name' => 'Sagittarius', 'horoscope' => 'Sagittarius are known for being adventurous, independent, and optimistic.', 'icon' => '<i class="fas fa-sagittarius"></i>'),
  array('name' => 'Capricorn', 'horoscope' => 'Capricorns are known for being responsible, disciplined, and hardworking.', 'icon' => '<i class="fas fa-capricorn"></i>')
);

foreach($zodiacSigns as $sign) {
  echo '<div class="zodiac-sign">
  <h2>'.$sign['name'].'</h2>
  <p>'.$sign['horoscope'].'</p>
  '.$sign['icon'].'
  </div>';
}
Sponsor our Newsletter | Privacy Policy | Terms of Service