* The preview only shows a few pages of manuals at random. You can get the complete content by filling out the form below.
Description
Ciclo 3: Desarrollo de Software
Material de Apoyo Html y CSS
Programa Ciencias de la Computación e Inteligencia Artificial Escuela de Ciencias Exactas e Ingeniería Universidad Sergio Arboleda Bogotá
H T ML
HyperText Markup Language
¿Qué es y Para qué sirve HTML? HTML es un lenguaje de basado en etiquetas para crear o diseñar la estructura de un sitio web. También define la información y el contenido que el usuario observa en pantalla.
Estructura de un Documento HTML Las extensiones de estos archivos son .html Podemos comparar la estructura o sintaxis de HTML, como un sandwich que tiene dos pedazos de pan, ya que un documento HTML tiene etiquetas de apertura y cierre
Elemento Es un elemento contenedor para los elementos
, <style> , <meta> , <link>, <script><br />
<br />
<title> Este elemento define el titulo del documento. El título debe ser solo texto y se muestra en la barra de título del navegador o en la pestaña de la página.<br />
<br />
Elemento<head> Es un elemento contenedor para los elementos <title> , <style> , <meta> , <link>, <script><br />
<br />
Formato Formato de de Caracteres Caracteres utilizado utilizado<br />
<br />
<meta> Define Define las las palabras palabras clave clave para para los los motores motores de de búsqueda búsqueda<br />
<br />
Se utiliza para especificar el conjunto de caracteres, la descripción de la página, las palabras clave, El autor del documento y la configuración de la ventana gráfica.<br />
<br />
Sirve Sirve para para definir definir la la descripción descripción de de la la página página web web<br />
<br />
Elemento<head> Es un elemento contenedor para los elementos <title> , <style> , <meta> , <link>, <script><br />
<br />
<link> Este elemento es utilizado para enlazar páginas diferentes del documento, hojas de estilo<br />
<br />
Agregando Títulos o Subtítulos Son definidos con las etiquetas <h1> hasta la etiqueta <h6><br />
<br />
Comentarios en HTML Un comentario es un texto que no se mostrará en pantalla y que nos permite documentar nuestro proyecto, agregar notas o descripciones. Utilizamos la sintaxis: <!–- colocarComentario --><br />
<br />
Agregando Párrafos Son definidos con las etiquetas <p> y su respectiva etiqueta de cierre </p><br />
<br />
Salto de Línea La etiqueta <br> define un salto de línea. Se utiliza <br> si se desea realizar un salto de línea (una nueva línea) sin comenzar un nuevo párrafo<br />
<br />
Atributos Los atributos definen información adicional a los elementos HTML. Siempre se especifican en la etiqueta de apertura Los atributos generalmente vienen en pares de nombre / valor como: nombre = "valor"<br />
<br />
Tomado de: Sololearn.com<br />
<br />
Atributo href La etiqueta <a> define un hipervínculo. El atributo href especifica la url de la página a la que va el enlace<br />
<br />
Atributo src La etiqueta <img> se utiliza para insertar una imagen en una página HTML. El atributo src especifica la ruta donde se encuentra la imagen que se va a mostrar.<br />
<br />
Atributo width and height El atributo width define el ancho de una imagen, y el atributo height, la altura. El valor se puede especificar en pixeles o en porcentaje.<br />
<br />
Atributo alt El atributo alt se utiliza junto con la etiqueta <img> para especificar un texto alternativo a la imagen, el cual le indica al navegador el contenido que se está mostrando.<br />
<br />
El contenido escrito en “alt” no es visualizado en pantalla.<br />
<br />
Atributo style El atributo style es utilizado para agregarle estilo a un elemento dentro de la como color, fuente, tamaño, entre otros.<br />
<br />
Sintaxis<br />
<br />
<nombreEtiqueta style="property:valor;"><br />
<br />
Elementos de Formato Permite mostrar estilos diferentes para el texto<br />
<br />
<b> <strong> <i> <em> <mark> <small> <del> <ins> <sub> <sup><br />
<br />
Texto en negrita Texto importante Texto en cursiva Texto enfatizado Texto marcado Texto pequeño<br />
<br />
Texto tachado Texto insertado Texto de subíndice Texto en superíndice<br />
<br />
Elementos <b> y <strong> La etiqueta <strong> define un texto con mayor importancia. Ambas etiquetas definen el texto en negrita<br />
<br />
Elementos <i> y <em> Ambas etiquetas definen el texto como texto en cursiva. La etiqueta <i> representa el texto en una voz o estado de ánimo alternativo. La etiqueta <em> es apropiada para hacer énfasis en partes importantes de un texto.<br />
<br />
Elementos <small> y <mark> La etiqueta <small> define un texto pequeño.<br />
<br />
La etiqueta <mark> define que el text o debe ser marcado o resaltado.<br />
<br />
Elementos <del> y <ins> La etiqueta <del> define un texto tachado.<br />
<br />
La etiqueta <ins> define un texto subrayado..<br />
<br />
Elementos <sub> y <sup> La etiqueta <sub> define un texto en subíndice. Por ejemplo lo utilizamos para fórmulas químicas como<br />
<br />
La etiqueta <sup> define un texto en superíndice. Se puede utilizar para notas al pie, por ejemplo:<br />
<br />
Elementos de nivel en línea y en bloque Elementos de Nivel de Bloque Comienzan desde una nueva línea Por ejemplo: <h1> , <form> , <li> , <ol> , <ul>, <p> , <pre> , <table>, <div> , etc<br />
<br />
Elementos de Nivel en línea Se muestran sin salto de línea. Por ejemplo: <b>, <a>, <strong>, <img>, <input>, <em>, <span>, etc.<br />
<br />
Colores Los colores se pueden especificar por su valor en inglés, o con valores RGB, HEX, HSL<br />
<br />
Se pueden consultar diferentes sitios web para saber el valor exacto del color a utilizar.<br />
<br />
https://htmlcolorcodes.com/es/ https://colorhunt.co/<br />
<br />
Hipervínculos o Links Se utiliza la etiqueta <a> acompañada de su atributo href en el cual se indica la url de destino.<br />
<br />
Atributo Target Define donde abrir la página vinculada. _self<br />
<br />
Abre el documento en la misma ventana o pestaña.<br />
<br />
_blank<br />
<br />
Abre la url en una pestaña o ventana nueva<br />
<br />
_parent<br />
<br />
Abre el link en el marco padre.<br />
<br />
_top<br />
<br />
Ocupa todo el contenido de la ventana.<br />
<br />
Tablas Las tablas se definen utilizando la etiqueta <table>. Las tablas se dividen en filas con la etiqueta <tr>. Las filas son divididas en columnas con la etiqueta <td> .<br />
<br />
Ejemplo de tabla con una fila y tres columnas<br />
<br />
Atributos de tablas Colspan<br />
<br />
Rowspan<br />
<br />
Estos atributos se utilizan para combinar celdas de una tabla.<br />
<br />
Colspan Colspan hace que una celda abarque o combine varias columnas.<br />
<br />
Tomado de: aprenderaprogramar.com<br />
<br />
Rowspan Rowspan hace que una celda abarque o combine varias filas.<br />
<br />
Listas Se pueden agrupar un conjunto de elementos relacionados en listas.<br />
<br />
Elementos Ordenados<br />
<br />
Empiezan con la etiqueta <ol> y cada elemento o ítem utiliza la etiqueta <li><br />
<br />
Elementos No Ordenados<br />
<br />
Empiezan con la etiqueta <ul> y cada elemento o ítem utiliza la etiqueta <li><br />
<br />
Formularios Los formularios son elementos para obtener información del usuario. Se definen utilizando la etiqueta <form> </form><br />
<br />
Atributos de Formularios Atributo action Este atributo define la acción a realizar cuando el formulario es enviado.<br />
<br />
Atributo target Este atributo también se puede utilizar para los formularios y permite especificar donde se va a mostrar la respuesta que se recibe luego de enviar el formulario.<br />
<br />
Atributos de Formularios Atributo autocomplete Este atributo especifica si el formulario debe tener la acción de autocompletado activado o desactivado.<br />
<br />
Elementos de Formularios <input><br />
<br />
Puede mostrar diferentes tipos de elementos.<br />
<br />
Tipos de input <input type=“button”> <input type=“date”> <input type=“checkbox”> <input type=“email”> <input type=“number”> <input type=“password”> <label><br />
<br />
Define una etiqueta para varios elementos en una interfaz de usuario.<br />
<br />
Atributo for para <label> Debe ser igual al atributo id del elemento <input> para unirlos. Permite escribir texto sin formato. <textarea><br />
<br />
<button><br />
<br />
Este elemento permite generar un botón<br />
<br />
Embeber elementos La etiqueta <iframe> me permite insertar contenido multimedia en un documento html<br />
<br />
También se puede especificar el ancho y alto del elemento embebido utilizado los atributos width y height<br />
<br />
CSS<br />
<br />
Cascading Style Sheets (Hojas de Estilo en Cascada)<br />
<br />
¿Qué es y Para qué sirve CSS? Sus siglas traducen Cascading Style Sheets (Hojas de estilo en cascada). -Cascada se refiere a la forma en que CSS aplica un estilo sobre otro. -Hojas de estilo, controlan la apariencia de los documentos web. HTML y CSS trabajan de la mano, de modo que HTML organiza la estructura de la página web y CSS define su estilo y como se mostrarán los elementos.<br />
<br />
Tomado de https://static.platzi.com/media/user_upload/htmlcssjs-d137e17f-0faf-42da-bf9e-850d2ef2db30.jpg<br />
<br />
¿Por qué utilizar CSS? CSS permite aplicarle estilos específicos a los elementos de HTML. Su beneficio principal es permitir separar los estilos del contenido (estructura.) Una buena práctica es definir los estilos de los elementos, en un archivo diferente, el cual utiliza la extensión .css<br />
<br />
CSS en línea Estilo en línea , es una de las formas de aplicarle un estilo a un elemento.<br />
<br />
Tomado de sololearn.com<br />
<br />
Los estilos en línea, son especificados en la etiqueta de apertura y terminan en “ ; “ .<br />
<br />
CSS Embebido Los estilos embebido se agregan dentro del mismo archivo .html , dentro de la etiqueta <style> </style>, al interior de la sección <head>.<br />
<br />
CSS en archivo externo Se crea un documento independiente guardado con la extensión .css y será referenciado en el “index.html” dentro de la etiqueta <link><br />
<br />
Documento HTML<br />
<br />
Hoja de Estilo CSS<br />
<br />
Sintaxis de CSS CSS se compone de reglas que el navegador interpreta y luego a los correspondientes elementos del documento.<br />
<br />
Comentarios en CSS Un comentario es un texto que no se mostrará en pantalla y que nos permite documentar nuestro proyecto, agregar notas o descripciones. Utilizamos la sintaxis: /* Contenido del comentario */<br />
<br />
PROPIEDADES<br />
<br />
Propiedad Background Esta propiedad permite agregar un fondo a los elementos. Algunas propiedades de background son: background-color<br />
<br />
Especifica el color de fondo de un elemento. Los colores se pueden especificar como: • Nombre del color en inglés : “red”, “blue”, “gray” , etc • En valor hexadecimal : “FF0000” , “FFF000”, “000000”, etc • En valor RGB como : “rgb(255,0,0)”, “rgb(255, 87, 51), etc<br />
<br />
background-image<br />
<br />
Permite agregar una imagen como fondo. Por defecto, la imagen se repite para cubrir el elemento completo.<br />
<br />
background-repeat<br />
<br />
Especifica como se van a repetir las imágenes. Las img se pueden repetir de forma horizontal o de forma vertical. -repeat-x : Repite la imagen de forma horizontal -repeat-y : Repite la imagen de forma vertical<br />
<br />
background-attachment<br />
<br />
Establece se una imagen permanece fija o se desplaza con el resto de la página.<br />
<br />
Propiedad Border Esta propiedad permite personalizar los bordes de los elementos HTML. Se debe tener un orden para poder utilizar esta propiedad, especificando el tamaño, el estilo y el color del borde.<br />
<br />
Código HTML<br />
<br />
Código CSS<br />
<br />
Resultado<br />
<br />
Propiedad Border-width Permite especificar el ancho del borde, teniendo en cuenta el borde superior, borde derecho, borde inferior y borde izquierdo<br />
<br />
Propiedad Border-style El borde por defecto no tiene ningún estilo. Algunos de los estilos soportados para el borde son : dotted, double, Groove, inset, hidden, dashed, etc.<br />
<br />
Propiedad Border-color Esta propiedad permite especificar un color a uno o los cuatro bordes de un elemento. El color puede ser especificado en valor HEX, RGB, HSL o con el nombre del color.<br />
<br />
Margins La propiedad margin es utilizada para crear espacios alrededor de los elementos. Sus mismas sub-propiedades son: margin-top, margin-bottom, margin-right, margin-left. Estos a su vez pueden tener los siguientes valores: • auto – el navegador se encarga de calcular la margen. • length – especifica una margen ex px, pt, cm, etc • % - especifica la margen en % del ancho del elemento contenedor. • Inherit – especifica que la margen debe ser heredada del elemento padre.<br />
<br />
Padding Se utiliza para crear espacio alrededor del contenido de un elemento, dentro de los bordes definidos.<br />
<br />
También, utiliza sub-propiedades para cada lado del elemento como • padding-top • padding-right • padding-bottom • padding-left<br />
<br />
Padding Sus sub-propiedades (padding-top, padding-bottom….) , utilizan ciertos valores. • length – especifica una margen ex px, pt, cm, etc • % - especifica la margen en % del ancho del elemento contenedor. • Inherit – especifica que la margen debe ser heredada del elemento padre • No son permitidos los valores negativos.<br />
<br />
Fonts La fuente o tipografía en CSS se especifica con la propiedad font-family. Existen 5 familias de fuentes genéricas : • Serif : Tienen un pequeño trazo en los bordes de cada letra, dando formalidad y elegancia. • Sans-serif fonts: Crean un aspecto moderno y minimalista. • Monospace fonts: Todas las letras tiene el mismo ancho fijo creando una apariencia uniforme. • Cursive : fuentes que imitan la escritura humana. • Fantasy: fuentes decorativas<br />
<br />
Fonts Serif<br />
<br />
Sans-serif<br />
<br />
Monospace<br />
<br />
Cursive Fantasy<br />
<br />
Times New Roman Georgia Garamond Arial Verdana Helvetica Courier New Lucida Console Monaco Brush Script M7 Lucida Handwriting Copperplate Papyrus<br />
<br />
Modelo de Caja (Box Model)<br />
<br />
Box Model El término “Box Model” se utiliza cuando se habla de diseño y maquetación de un sitio web. Este consiste en márgenes (margin), bordes (border), y relleno (padding).<br />
<br />
Box Model Cada elemento de una página es visto como una caja. El “Modelo de Caja” permite calcular el ancho y alto actual de los elementos. </div>
</div>
</div>
<div class="container">
<hr />
<div class="row">
<div class="col-12 py-4">
<h2 class="text-center">Similar documents</h2>
</div>
<div class="col-6 col-lg-2 col-md-4 mb-3">
<div class="card">
<a href="https://vdocs.ro/doc/material-de-apoyo-html-css-3xz86d2kp4"><img src="https://vdocs.ro/img/crop/300x300/3xz86d2kp4.jpg" class="card-img-top"></a>
<div class="card-body">
<h5 class="card-title h6"><a href="https://vdocs.ro/doc/material-de-apoyo-html-css-3xz86d2kp4">Material de Apoyo HTML, CSS</a></h5>
<p class="card-text small">Octubre2021 - 976.3 KB</p>
</div>
</div>
</div>
<div class="col-6 col-lg-2 col-md-4 mb-3">
<div class="card">
<a href="https://vdocs.ro/doc/material-de-apoyo-html-css-3p281kzxkl"><img src="https://vdocs.ro/img/crop/300x300/3p281kzxkl.jpg" class="card-img-top"></a>
<div class="card-body">
<h5 class="card-title h6"><a href="https://vdocs.ro/doc/material-de-apoyo-html-css-3p281kzxkl">Material de Apoyo HTML, CSS</a></h5>
<p class="card-text small">Octubre2021 - 976.3 KB</p>
</div>
</div>
</div>
<div class="col-6 col-lg-2 col-md-4 mb-3">
<div class="card">
<a href="https://vdocs.ro/doc/partie1-html-css-462d7eznyl"><img src="https://vdocs.ro/img/crop/300x300/462d7eznyl.jpg" class="card-img-top"></a>
<div class="card-body">
<h5 class="card-title h6"><a href="https://vdocs.ro/doc/partie1-html-css-462d7eznyl">Partie1 HTML Css</a></h5>
<p class="card-text small">Bilal Behar - 891.3 KB</p>
</div>
</div>
</div>
<div class="col-6 col-lg-2 col-md-4 mb-3">
<div class="card">
<a href="https://vdocs.ro/doc/bodegon-material-de-apoyo-30g7v6wy2l"><img src="https://vdocs.ro/img/crop/300x300/30g7v6wy2l.jpg" class="card-img-top"></a>
<div class="card-body">
<h5 class="card-title h6"><a href="https://vdocs.ro/doc/bodegon-material-de-apoyo-30g7v6wy2l">Bodegon material de apoyo</a></h5>
<p class="card-text small">勝勝利 - 978.8 KB</p>
</div>
</div>
</div>
<div class="col-6 col-lg-2 col-md-4 mb-3">
<div class="card">
<a href="https://vdocs.ro/doc/material-de-apoyo-4-3yo9dx8rz4"><img src="https://vdocs.ro/img/crop/300x300/3yo9dx8rz4.jpg" class="card-img-top"></a>
<div class="card-body">
<h5 class="card-title h6"><a href="https://vdocs.ro/doc/material-de-apoyo-4-3yo9dx8rz4">Material de Apoyo 4</a></h5>
<p class="card-text small">Jose Miguel Ruiz - 601.2 KB</p>
</div>
</div>
</div>
<div class="col-6 col-lg-2 col-md-4 mb-3">
<div class="card">
<a href="https://vdocs.ro/doc/material-de-apoyo-4-3nj17jgez4"><img src="https://vdocs.ro/img/crop/300x300/3nj17jgez4.jpg" class="card-img-top"></a>
<div class="card-body">
<h5 class="card-title h6"><a href="https://vdocs.ro/doc/material-de-apoyo-4-3nj17jgez4">Material de Apoyo 4</a></h5>
<p class="card-text small">marcial maturana mena - 592 KB</p>
</div>
</div>
</div>
<div class="col-6 col-lg-2 col-md-4 mb-3">
<div class="card">
<a href="https://vdocs.ro/doc/material-apoyo-2-3897zokrvl"><img src="https://vdocs.ro/img/crop/300x300/3897zokrvl.jpg" class="card-img-top"></a>
<div class="card-body">
<h5 class="card-title h6"><a href="https://vdocs.ro/doc/material-apoyo-2-3897zokrvl">Material Apoyo 2</a></h5>
<p class="card-text small">Carlos Arteaga - 246.3 KB</p>
</div>
</div>
</div>
<div class="col-6 col-lg-2 col-md-4 mb-3">
<div class="card">
<a href="https://vdocs.ro/doc/guia-de-apoyo-3dwy88dzel"><img src="https://vdocs.ro/img/crop/300x300/3dwy88dzel.jpg" class="card-img-top"></a>
<div class="card-body">
<h5 class="card-title h6"><a href="https://vdocs.ro/doc/guia-de-apoyo-3dwy88dzel">GUÍA DE APOYO</a></h5>
<p class="card-text small">bastiiturrieta - 123.8 KB</p>
</div>
</div>
</div>
<div class="col-6 col-lg-2 col-md-4 mb-3">
<div class="card">
<a href="https://vdocs.ro/doc/proctor-material-de-relave-3gn2668d6l"><img src="https://vdocs.ro/img/crop/300x300/3gn2668d6l.jpg" class="card-img-top"></a>
<div class="card-body">
<h5 class="card-title h6"><a href="https://vdocs.ro/doc/proctor-material-de-relave-3gn2668d6l">Proctor Material de relave</a></h5>
<p class="card-text small">Santiaguito Yunga Bustamante - 85.7 KB</p>
</div>
</div>
</div>
<div class="col-6 col-lg-2 col-md-4 mb-3">
<div class="card">
<a href="https://vdocs.ro/doc/material-de-podcast-39vm2jz00l"><img src="https://vdocs.ro/img/crop/300x300/39vm2jz00l.jpg" class="card-img-top"></a>
<div class="card-body">
<h5 class="card-title h6"><a href="https://vdocs.ro/doc/material-de-podcast-39vm2jz00l">material de podcast</a></h5>
<p class="card-text small">Victor Torres - 513.2 KB</p>
</div>
</div>
</div>
<div class="col-6 col-lg-2 col-md-4 mb-3">
<div class="card">
<a href="https://vdocs.ro/doc/material-de-consulta-tp-32021-3yo8zoz8q4"><img src="https://vdocs.ro/img/crop/300x300/3yo8zoz8q4.jpg" class="card-img-top"></a>
<div class="card-body">
<h5 class="card-title h6"><a href="https://vdocs.ro/doc/material-de-consulta-tp-32021-3yo8zoz8q4">MATERIAL DE CONSULTA TP 3.2021</a></h5>
<p class="card-text small">Shai Soliz - 435.2 KB</p>
</div>
</div>
</div>
<div class="col-6 col-lg-2 col-md-4 mb-3">
<div class="card">
<a href="https://vdocs.ro/doc/material-de-consulta-41z9vwv9g3"><img src="https://vdocs.ro/img/crop/300x300/41z9vwv9g3.jpg" class="card-img-top"></a>
<div class="card-body">
<h5 class="card-title h6"><a href="https://vdocs.ro/doc/material-de-consulta-41z9vwv9g3">Material de consulta</a></h5>
<p class="card-text small"> - 241.1 KB</p>
</div>
</div>
</div>
</div>
<center>
</center>
</div>
<div id="modal-report" class="modal fade" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">New Report "Material de consulta"</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form action="https://vdocs.ro/report/material-de-consulta-41z9vwv9g3" method="post">
<div class="modal-body">
<div class="mb-1">
<label for="name" class="col-form-label">Your name:</label>
<input type="text" class="form-control" id="name">
</div>
<div class="mb-1">
<label for="email" class="col-form-label">Your email:</label>
<input type="email" class="form-control" id="email">
</div>
<div class="mb-1">
<label for="reason" class="col-form-label">Reason:</label>
<select class="form-select" id="reason">
<option value="">-Select Reason-</option>
<option value="copyright" selected="selected">File a copyright complaint</option>
<option value="illegal">Illegal/Unlawful</option>
<option value="spam">Spam</option>
<option value="others">Other Terms Of Service Violation</option>
</select>
</div>
<div class="mb-1">
<label for="description" class="col-form-label">Message:</label>
<textarea class="form-control" id="description"></textarea>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary">Send report</button>
</div>
</form>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
jQuery.ajax({
url: "https://docviewer.vdocs.tips/viewer.php",
type: 'post',
dataType: 'json',
data: {
code: "JDidKLrWq2Bdan6AdD2z6GbZgWlUXqtzkaYMhwS3QrxKKEcjStdsmkyz6F52D/Zx1C9V0DnE05QOFmqcvbZn5FYOk1GNTDSLAjdcwDieMcM="
},
success: function (response) {
let src = response.html;
let loadiframe = "<iframe rel=\"nofollow\" src=\"" + src + "\" style=\"border: none; width: 100%; margin: 0;\" height=\"" + 600 + "\"><\/iframe>";
jQuery('#viewer').html(loadiframe);
}
});
</script>
<div class="container-fluid bg-dark text-white py-4 mt-4">
<div class="container">
<footer class="row row-cols-4">
<div class="col">
<h5>About this site</h5>
<p>We're a bunch of students who are treating this project like a full-time job. Any amount will be highly welcomed in helping to fund and continue the development of this project.</p>
</div>
<div class="col">
</div>
<div class="col">
<h5>Section</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a class="nav-link p-0 text-muted" href="https://vdocs.ro/about">About</a></li>
<li class="nav-item mb-2"><a class="nav-link p-0 text-muted" href="https://vdocs.ro/contact-us">Contact Us</a></li>
</ul>
</div>
<div class="col">
<h5>Section</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a class="nav-link p-0 text-muted" href="https://vdocs.ro/cookie-policy">Cookie Policy</a></li>
<li class="nav-item mb-2"><a class="nav-link p-0 text-muted" href="https://vdocs.ro/tos">Terms of Services</a></li>
<li class="nav-item mb-2"><a class="nav-link p-0 text-muted" href="https://vdocs.ro/privacy-policy">Privacy Policy</a></li>
</ul>
</div>
</footer>
<p>
<p><strong>© 2024 VDOCS.RO</strong>. Our members:
<a href="https://vdocs.tips" rel="nofollow" target="_blank"><strong>VDOCS.TIPS</strong></a> [GLOBAL]
| <a href="https://vdocs.cz" rel="nofollow" target="_blank"><strong>VDOCS.CZ</strong></a> [CZ]
| <a href="https://vdocs.mx" rel="nofollow" target="_blank"><strong>VDOCS.MX</strong></a> [ES]
| <a href="https://vdocs.pl" rel="nofollow" target="_blank"><strong>VDOCS.PL</strong></a> [PL]
| <a href="https://vdocs.ro" rel="nofollow" target="_blank"><strong>VDOCS.RO</strong></a> [RO]
</p>
</p>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="https://vdocs.ro/static/js/bootstrap.min.js"></script>
<script src="https://vdocs.ro/static/js/script.js?v=20241223"></script>
<div id="fb-root"></div>
<script>(function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.9&appId=";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
</body>
</html>
