Ionic crear Card(Tarjetas)

-
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Card</title>
<script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@next/dist/ionic/ionic.esm.js"></script>
<script nomodule src="https://cdn.jsdelivr.net/npm/@ionic/core@next/dist/ionic/ionic.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@next/css/ionic.bundle.css"/>
<style>
:root {
--ion-safe-area-top: 20px;
--ion-safe-area-bottom: 22px;
}
</style>
</head>
<body>
<ion-app>
<ion-header translucent>
<ion-toolbar>
<ion-title>Card</ion-title>
</ion-toolbar>
</ion-header>,
<ion-content fullscreen>
<ion-card>
<img src="./madison.jpg" />
<ion-card-header>
<ion-card-subtitle>Destination</ion-card-subtitle>
<ion-card-title>Madison, WI</ion-card-title>
</ion-card-header>
<ion-card-content>
Founded in 1829 on an isthmus between Lake Monona and Lake Mendota, Madison was named the capital of the Wisconsin Territory in 1836.
</ion-card-content>
</ion-card>
</ion-content>
</ion-app>
</body>
</html>

Comentarios

Publicar un comentario

Entradas más populares de este blog

Subir nuestro codigo a Github

-
Requisitos Tener instalado Git: https://git-scm.com/downloads Conexion a Internet Una cuenta en Github Empezamos Abrimos Github y Creamos un nuevo repositorio Nombramos nuestro repositorio y lo creamos  Nos da una direccion ejemplo: git remote add origin https://github.com/user/nombre.git Inicialisamos el proyecto a subir Abrimos la consola de comandos y nos ubicamos en el directorio de nuestro proyecto y usamos los siguientes comandos git init git add . git commit -m "primer commit" git remote add origin https// AQUI COLOCAMOS EL LINK DE GITHUB CON EXTENSION .GIT y hacemos un pusH g it push -u origin master Ya tenemos subidos a Github nuestro proyecto Ahora en github, el repositorio de nuestro proyecto Creamos un branch nuevo Se llamara gh-pages  Ya creado selecionamos el branch y nos vamos a settings y abajo encontraremos una seccion llamda Github Pages La cual nos dara el Link de nuestra pagina Y listo, cabe decir que solo sirv...
Leer más

Crear una App con HTML y Javascript puro

-
Imagen
Crearemos una app con HTML,js y algo de Ionic  la app sera visible en nuestro navegador y podremos verlo en algun hosting aparte servira para crear despues con Ionic un archivo apk Requisitos: Visual Studio Code o un  Editor de Codigo Conocimientos basicos de HTML (Recomendado) Creamos una carpeta en el escritorio para nuestro entorno de trabajo,con el nombre Ionic-Javasript, la arrastramos o abrimos con el editor (VS code) y dentro crearemos un Index.html y para la parte logica un app,js  Gracias a Vs code en el index.html podemos crear una estructura de HTML5 solo escribiendo HTML y dando TAB  Obtenemos la estructura basica de un documento HTML  Añadiremos el enlace de Ionic Cli al Head, nos dirigimms a su pagina web  https://ionicframework.com/docs/intro/cdn < link rel = " stylesheet " href = " https://cdn.jsdelivr.net/npm/@ionic/core/css/ionic.bundle.css " /> Para una mejor vista en VS code...
Leer más