someTree.js 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. export default {
  2. tagName: 'main',
  3. children: [
  4. {
  5. tagName: 'section',
  6. children: [
  7. {
  8. tagName: 'div',
  9. children: [
  10. {
  11. tagName: 'p',
  12. text: 'Hello',
  13. attrs: {
  14. class: 'greetings__p',
  15. },
  16. },
  17. {
  18. tagName: 'p',
  19. text: 'my',
  20. attrs: {
  21. class: 'greetings__p',
  22. },
  23. },
  24. {
  25. tagName: 'p',
  26. text: 'dear friends',
  27. attrs: {
  28. class: 'greetings__p',
  29. },
  30. },
  31. ],
  32. text: '',
  33. attrs: {
  34. class: 'greetings',
  35. },
  36. },
  37. {
  38. tagName: 'div',
  39. children: [
  40. {
  41. tagName: 'span',
  42. text: 'We are',
  43. attrs: {
  44. class: 'greetings__span',
  45. },
  46. },
  47. {
  48. tagName: 'span',
  49. text: 'glad to see you',
  50. attrs: {
  51. class: 'greetings__span',
  52. },
  53. },
  54. {
  55. tagName: 'span',
  56. text: 'Here!',
  57. attrs: {
  58. class: 'greetings__span',
  59. },
  60. },
  61. ],
  62. text: '',
  63. attrs: {
  64. class: 'greetings',
  65. },
  66. },
  67. ],
  68. attrs: {},
  69. },
  70. {
  71. tagName: 'section',
  72. children: [
  73. {
  74. tagName: 'div',
  75. children: [
  76. {
  77. tagName: 'p',
  78. text: 'You are here to study!',
  79. attrs: {
  80. class: 'introduction__p',
  81. },
  82. },
  83. ],
  84. text: '',
  85. attrs: {
  86. class: 'introduction',
  87. },
  88. },
  89. {
  90. tagName: 'div',
  91. children: [
  92. {
  93. tagName: 'span',
  94. text: 'And get a lot new information ',
  95. attrs: {
  96. class: 'introduction__span',
  97. },
  98. },
  99. {
  100. tagName: 'span',
  101. text: 'with our educationl platform A-level.',
  102. attrs: {
  103. class: 'introduction__span',
  104. },
  105. },
  106. ],
  107. text: '',
  108. attrs: {
  109. class: 'introduction',
  110. },
  111. },
  112. ],
  113. text: '',
  114. attrs: {},
  115. },
  116. ],
  117. text: '',
  118. attrs: {},
  119. };