Create Multiple ssh file with diffrent name first
You need to have ~/.ssh/config file
if not file found create
touch ~/.ssh/config
Create Multiple ssh file with diffrent name first
You need to have ~/.ssh/config file
if not file found create
touch ~/.ssh/config
/* Flex */ | |
.flex{ | |
display: flex; | |
} | |
.justify-center{ | |
justify-content: center; | |
} | |
.items-center{ | |
align-items: center; | |
} |
<body> | |
<div class="container"> | |
<div class="image"> | |
<div class="loader"><img src="loader.gif" alt="Loading..."></div> | |
<img src="https://images.unsplash.com/photo-1700406788223-2b053ac814ab?q=80&w=1972&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" /></div> | |
<div class="image"> | |
<div class="loader"><img src="loader.gif" alt="Loading..."></div><img src="https://plus.unsplash.com/premium_photo-1699534955989-26a13746d060?q=80&w=2071&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" /></div> | |
<div class="image"> | |
<div class="loader"><img src="loader.gif" alt="Loading..."></div><img src="https://images.unsplash.com/photo-1700410426386-704d39c87828?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" /></div> |
create a folder in /var/www
cd /var/www
sudo chmod -R 777 .
mkdir slidecart
Getting projects from git repo
Follow this Link https://www.digitalocean.com/community/tutorials/how-to-install-nginx-on-ubuntu-18-04
sudo apt update
sudo apt install nginx
sudo ufw app list
sudo ufw allow 'Nginx HTTP'
sudo ufw status
First, install Vite and all React related libraries (here: Vite's React Plugin) as development dependencies:
npm install vite @vitejs/plugin-react --save-dev
Create a vite.config.ts onn root path
import react from '@vitejs/plugin-react';
export default defineConfig(() => {
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>Css grid</title> | |
</head> | |
<style> | |
.container { |
function initMap() { | |
var inputs = document.querySelectorAll('.pac-input'); | |
inputs.forEach(input => { | |
const autocomplete = new google.maps.places.Autocomplete(input); | |
autocomplete.addListener('place_changed', function() { | |
onPlaceChanged(autocomplete); | |
}); | |
}) | |
} |