hw-js-08-DOM2/javascript/someTree.js

export default {
	tagName: 'main',
	children: [
		{
			tagName: 'section',
			children: [
				{
					tagName: 'div',
					children: [
						{
							tagName: 'p',
							text: 'Hello',
							attrs: {
								class: 'greetings__p',
							},
						},
						{
							tagName: 'p',
							text: 'my',
							attrs: {
								class: 'greetings__p',
							},
						},
						{
							tagName: 'p',
							text: 'dear friends',
							attrs: {
								class: 'greetings__p',
							},
						},
					],
					text: '',
					attrs: {
						class: 'greetings',
					},
				},
				{
					tagName: 'div',
					children: [
						{
							tagName: 'span',
							text: 'We are',
							attrs: {
								class: 'greetings__span',
							},
						},
						{
							tagName: 'span',
							text: 'glad to see you',
							attrs: {
								class: 'greetings__span',
							},
						},
						{
							tagName: 'span',
							text: 'Here!',
							attrs: {
								class: 'greetings__span',
							},
						},
					],
					text: '',
					attrs: {
						class: 'greetings',
					},
				},
			],
			attrs: {},
		},
		{
			tagName: 'section',
			children: [
				{
					tagName: 'div',
					children: [
						{
							tagName: 'p',
							text: 'You are here to study!',
							attrs: {
								class: 'introduction__p',
							},
						},
					],
					text: '',
					attrs: {
						class: 'introduction',
					},
				},
				{
					tagName: 'div',
					children: [
						{
							tagName: 'span',
							text: 'And get a lot new information ',
							attrs: {
								class: 'introduction__span',
							},
						},
						{
							tagName: 'span',
							text: 'with our educationl platform A-level.',
							attrs: {
								class: 'introduction__span',
							},
						},
					],
					text: '',
					attrs: {
						class: 'introduction',
					},
				},
			],
			text: '',
			attrs: {},
		},
	],
	text: '',
	attrs: {},
};