import dash
from dash import html

app = dash.Dash(__name__)

app.layout = html.Div(children=[html.H1('Data Science',
                                        style = {'textAlign': 'center',
                                                'color': '#0FD08D',
                                                'font-size': '50px'}),
                                html.H2('La carrera mas sexy del siglo XXI',
                                        style = {'textAlign': 'center',
                                                'color' : '#009A64'}),
                                html.P('Factores clave:'),
                                html.Ul(children = [html.Li('Factor 1'),
                                                html.Li('Factor 2'),
                                                html.Li('Factor 3'),
                                                html.Li(['Source: ',
                                                        html.A('https://www.excelsior.com.mx/nacional/ciencia-de-datos-la-carrera-mas-sexy-del-xxi-en-la-unam/1323946',
                                                                href = 'https://www.excelsior.com.mx/nacional/ciencia-de-datos-la-carrera-mas-sexy-del-xxi-en-la-unam/1323946')
                                                ])
                                ])
])

if __name__ == '__main__':
    app.run_server(debug=True)
[((41, 60), 'dash.Dash', 'dash.Dash', (['__name__'], {}), '(__name__)\n', (50, 60), False, 'import dash\n'), ((94, 193), 'dash.html.H1', 'html.H1', (['"""Data Science"""'], {'style': "{'textAlign': 'center', 'color': '#0FD08D', 'font-size': '50px'}"}), "('Data Science', style={'textAlign': 'center', 'color': '#0FD08D',\n    'font-size': '50px'})\n", (101, 193), False, 'from dash import html\n'), ((361, 460), 'dash.html.H2', 'html.H2', (['"""La carrera mas sexy del siglo XXI"""'], {'style': "{'textAlign': 'center', 'color': '#009A64'}"}), "('La carrera mas sexy del siglo XXI', style={'textAlign': 'center',\n    'color': '#009A64'})\n", (368, 460), False, 'from dash import html\n'), ((581, 606), 'dash.html.P', 'html.P', (['"""Factores clave:"""'], {}), "('Factores clave:')\n", (587, 606), False, 'from dash import html\n'), ((660, 679), 'dash.html.Li', 'html.Li', (['"""Factor 1"""'], {}), "('Factor 1')\n", (667, 679), False, 'from dash import html\n'), ((729, 748), 'dash.html.Li', 'html.Li', (['"""Factor 2"""'], {}), "('Factor 2')\n", (736, 748), False, 'from dash import html\n'), ((798, 817), 'dash.html.Li', 'html.Li', (['"""Factor 3"""'], {}), "('Factor 3')\n", (805, 817), False, 'from dash import html\n'), ((944, 1185), 'dash.html.A', 'html.A', (['"""https://www.excelsior.com.mx/nacional/ciencia-de-datos-la-carrera-mas-sexy-del-xxi-en-la-unam/1323946"""'], {'href': '"""https://www.excelsior.com.mx/nacional/ciencia-de-datos-la-carrera-mas-sexy-del-xxi-en-la-unam/1323946"""'}), "(\n    'https://www.excelsior.com.mx/nacional/ciencia-de-datos-la-carrera-mas-sexy-del-xxi-en-la-unam/1323946'\n    , href=\n    'https://www.excelsior.com.mx/nacional/ciencia-de-datos-la-carrera-mas-sexy-del-xxi-en-la-unam/1323946'\n    )\n", (950, 1185), False, 'from dash import html\n')]