Alexis Feron
1 year ago
parent
776993ce23
commit
ab9c030f82
@ -0,0 +1,257 @@
|
||||
-- phpMyAdmin SQL Dump
|
||||
-- version 5.2.0
|
||||
-- https://www.phpmyadmin.net/
|
||||
--
|
||||
-- Host: 127.0.0.1:3306
|
||||
-- Generation Time: Nov 22, 2023 at 05:07 PM
|
||||
-- Server version: 8.0.31
|
||||
-- PHP Version: 8.1.13
|
||||
|
||||
SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
|
||||
START TRANSACTION;
|
||||
SET time_zone = "+00:00";
|
||||
|
||||
|
||||
/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
|
||||
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
|
||||
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
|
||||
/*!40101 SET NAMES utf8mb4 */;
|
||||
|
||||
--
|
||||
-- Database: `dbalica`
|
||||
--
|
||||
|
||||
-- --------------------------------------------------------
|
||||
|
||||
--
|
||||
-- Table structure for table `alumni`
|
||||
--
|
||||
|
||||
DROP TABLE IF EXISTS `alumni`;
|
||||
CREATE TABLE IF NOT EXISTS `alumni` (
|
||||
`id` int NOT NULL AUTO_INCREMENT,
|
||||
`mail` varchar(128) NOT NULL,
|
||||
`mdp` varchar(256) NOT NULL,
|
||||
`role` varchar(16) NOT NULL,
|
||||
PRIMARY KEY (`id`),
|
||||
UNIQUE KEY `mail` (`mail`)
|
||||
) ENGINE=InnoDB AUTO_INCREMENT=13 DEFAULT CHARSET=utf8mb3;
|
||||
|
||||
--
|
||||
-- Dumping data for table `alumni`
|
||||
--
|
||||
|
||||
INSERT INTO `alumni` (`id`, `mail`, `mdp`, `role`) VALUES
|
||||
(1, 'test', 'test', 'admin'),
|
||||
(2, 't@t', '$2y$10$UUG8075sdZ7B1MLKtz.66.jY763TCdqpbMKKSX/K5DMBhXYsaLDXy', 'Membre');
|
||||
|
||||
-- --------------------------------------------------------
|
||||
|
||||
--
|
||||
-- Table structure for table `article`
|
||||
--
|
||||
|
||||
DROP TABLE IF EXISTS `article`;
|
||||
CREATE TABLE IF NOT EXISTS `article` (
|
||||
`id` int NOT NULL AUTO_INCREMENT,
|
||||
`auteur` int NOT NULL,
|
||||
`Titre` varchar(64) NOT NULL,
|
||||
`sousTitre` varchar(64) NOT NULL,
|
||||
`description` varchar(1024) NOT NULL,
|
||||
`image` int NOT NULL,
|
||||
PRIMARY KEY (`id`),
|
||||
KEY `image` (`image`),
|
||||
KEY `auteur` (`auteur`)
|
||||
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb3;
|
||||
|
||||
-- --------------------------------------------------------
|
||||
|
||||
--
|
||||
-- Table structure for table `evenement`
|
||||
--
|
||||
|
||||
DROP TABLE IF EXISTS `evenement`;
|
||||
CREATE TABLE IF NOT EXISTS `evenement` (
|
||||
`id` int NOT NULL AUTO_INCREMENT,
|
||||
`organisateur` int NOT NULL,
|
||||
`titre` varchar(64) NOT NULL,
|
||||
`description` varchar(512) NOT NULL,
|
||||
`image` varchar(256) NOT NULL,
|
||||
`date` date NOT NULL,
|
||||
`nbPlaceMax` int NOT NULL,
|
||||
PRIMARY KEY (`id`),
|
||||
KEY `organisateur` (`organisateur`)
|
||||
) ENGINE=InnoDB AUTO_INCREMENT=3 DEFAULT CHARSET=utf8mb3;
|
||||
|
||||
--
|
||||
-- Dumping data for table `evenement`
|
||||
--
|
||||
|
||||
INSERT INTO `evenement` (`id`, `organisateur`, `titre`, `description`, `image`, `date`, `nbPlaceMax`) VALUES
|
||||
(1, 2, 'Atelier photographie', 'Ateliers Photo : tout ce que vous devez savoir pour devenir expert ! Il existe différents types d\'ateliers pour découvrir la magie de la photographie.', 'https://cdn.futura-sciences.com/buildsv6/images/wide1920/5/4/a/54a14c90eb_125482_bien-debuter-photographie.jpg', '2023-11-09', 10),
|
||||
(2, 2, 'Laser game', 'Jeu de tir laser où les participants s\'affrontent pour marquer un maximum de points.', 'https://lvdneng.rosselcdn.net/sites/default/files/dpistyles_v2/ena_16_9_extra_big/2020/06/24/node_769129/47482757/public/2020/06/24/B9723823714Z.1_20200624175143_000%2BG15G7JJ5O.3-0.jpg', '2023-11-22', 15);
|
||||
|
||||
-- --------------------------------------------------------
|
||||
|
||||
--
|
||||
-- Table structure for table `experience`
|
||||
--
|
||||
|
||||
DROP TABLE IF EXISTS `experience`;
|
||||
CREATE TABLE IF NOT EXISTS `experience` (
|
||||
`id` int NOT NULL AUTO_INCREMENT,
|
||||
`profil` int NOT NULL,
|
||||
`intitule` varchar(256) NOT NULL,
|
||||
`dateDebut` date NOT NULL,
|
||||
`dateFin` date NOT NULL,
|
||||
`nomEntreprise` varchar(64) NOT NULL,
|
||||
`currentJob` tinyint(1) NOT NULL,
|
||||
PRIMARY KEY (`id`)
|
||||
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb3;
|
||||
|
||||
-- --------------------------------------------------------
|
||||
|
||||
--
|
||||
-- Table structure for table `formation`
|
||||
--
|
||||
|
||||
DROP TABLE IF EXISTS `formation`;
|
||||
CREATE TABLE IF NOT EXISTS `formation` (
|
||||
`id` int NOT NULL AUTO_INCREMENT,
|
||||
`profil` int NOT NULL,
|
||||
`nom` varchar(64) NOT NULL,
|
||||
`ville` varchar(32) NOT NULL,
|
||||
`dateDeb` date NOT NULL,
|
||||
`dateFin` date NOT NULL,
|
||||
`currentFormation` tinyint(1) NOT NULL,
|
||||
PRIMARY KEY (`id`)
|
||||
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb3;
|
||||
|
||||
-- --------------------------------------------------------
|
||||
|
||||
--
|
||||
-- Table structure for table `image`
|
||||
--
|
||||
|
||||
DROP TABLE IF EXISTS `image`;
|
||||
CREATE TABLE IF NOT EXISTS `image` (
|
||||
`id` int NOT NULL AUTO_INCREMENT,
|
||||
`nom` varchar(50) NOT NULL,
|
||||
`taille` varchar(25) NOT NULL,
|
||||
`type` varchar(25) NOT NULL,
|
||||
`blob` longblob NOT NULL,
|
||||
PRIMARY KEY (`id`)
|
||||
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb3;
|
||||
|
||||
-- --------------------------------------------------------
|
||||
|
||||
--
|
||||
-- Table structure for table `offre`
|
||||
--
|
||||
|
||||
DROP TABLE IF EXISTS `offre`;
|
||||
CREATE TABLE IF NOT EXISTS `offre` (
|
||||
`id` int NOT NULL AUTO_INCREMENT,
|
||||
`offreur` int NOT NULL,
|
||||
`titre` varchar(128) NOT NULL,
|
||||
`description` varchar(1024) NOT NULL,
|
||||
`image` varchar(100) NOT NULL,
|
||||
`logo` varchar(100) NOT NULL,
|
||||
`typeContrat` varchar(16) NOT NULL,
|
||||
`ville` varchar(64) NOT NULL,
|
||||
`entreprise` varchar(64) NOT NULL,
|
||||
`descriptifPoste` varchar(2028) NOT NULL,
|
||||
`profil` varchar(2028) NOT NULL,
|
||||
`experience` varchar(512) NOT NULL,
|
||||
`niveauEtudes` varchar(16) NOT NULL,
|
||||
`mailContact` varchar(128) NOT NULL,
|
||||
`numero` varchar(12) NOT NULL,
|
||||
`websiteURL` varchar(256) NOT NULL,
|
||||
`remote` tinyint(1) NOT NULL,
|
||||
`date` date NOT NULL,
|
||||
PRIMARY KEY (`id`),
|
||||
KEY `offreur` (`offreur`)
|
||||
) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=utf8mb3;
|
||||
|
||||
--
|
||||
-- Dumping data for table `offre`
|
||||
--
|
||||
|
||||
INSERT INTO `offre` (`id`, `offreur`, `titre`, `description`, `image`, `logo`, `typeContrat`, `ville`, `entreprise`, `descriptifPoste`, `profil`, `experience`, `niveauEtudes`, `mailContact`, `numero`, `websiteURL`, `remote`, `date`) VALUES
|
||||
(1, 2, 'Dev web', 'recherche alternant développeur php pour une année', 'https://pbs.twimg.com/profile_images/1542807492027113473/kuqya8nY_400x400.jpg', 'https://pbs.twimg.com/profile_images/1542807492027113473/kuqya8nY_400x400.jpg', 'Alternance', 'Clermont-Ferrand', 'CGI', 'développement de fonctionnalités diverses sur un framework mvc en php', 'Etudiant en Bac+2', 'Aucunes expériencse requises', 'Bac+2', 'cgi@mail.fr', '000000000000', 'cgi.com', 1, '2023-11-09');
|
||||
|
||||
-- --------------------------------------------------------
|
||||
|
||||
--
|
||||
-- Table structure for table `participer`
|
||||
--
|
||||
|
||||
DROP TABLE IF EXISTS `participer`;
|
||||
CREATE TABLE IF NOT EXISTS `participer` (
|
||||
`alumni` int NOT NULL,
|
||||
`evenement` int NOT NULL
|
||||
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb3;
|
||||
|
||||
-- --------------------------------------------------------
|
||||
|
||||
--
|
||||
-- Table structure for table `profil`
|
||||
--
|
||||
|
||||
DROP TABLE IF EXISTS `profil`;
|
||||
CREATE TABLE IF NOT EXISTS `profil` (
|
||||
`id` int NOT NULL AUTO_INCREMENT,
|
||||
`alumni` int NOT NULL,
|
||||
`email` varchar(128) NOT NULL,
|
||||
`cv` varchar(256) DEFAULT NULL,
|
||||
`nom` varchar(64) NOT NULL,
|
||||
`prenom` varchar(32) NOT NULL,
|
||||
`linkedinURL` varchar(256) DEFAULT NULL,
|
||||
`githubURL` varchar(256) DEFAULT NULL,
|
||||
`portfolioURL` varchar(256) DEFAULT NULL,
|
||||
`image` varchar(100) DEFAULT NULL,
|
||||
PRIMARY KEY (`id`),
|
||||
KEY `alumni` (`alumni`)
|
||||
) ENGINE=InnoDB AUTO_INCREMENT=3 DEFAULT CHARSET=utf8mb3;
|
||||
|
||||
--
|
||||
-- Dumping data for table `profil`
|
||||
--
|
||||
|
||||
INSERT INTO `profil` (`id`, `alumni`, `email`, `cv`, `nom`, `prenom`, `linkedinURL`, `githubURL`, `portfolioURL`, `image`) VALUES
|
||||
(1, 1, 'jeandujardin@mail.fr', 'cv', 'Dujardin ', 'Jean', 'linkedinurl', 'github.com', 'portfolio.url', 'https://i.pinimg.com/originals/05/07/0d/05070dd4bc9c21c00b92c4083b962812.jpg'),
|
||||
(2, 2, 't@t', 'cv', 'dujardin', 'thea', 'linkedin.com', 'github.com', 'portoflio.url', 'https://as2.ftcdn.net/v2/jpg/03/04/13/09/1000_F_304130911_sWj5OqYpwCfMxnlAG01DTLvQkEIBzhji.jpg');
|
||||
|
||||
--
|
||||
-- Constraints for dumped tables
|
||||
--
|
||||
|
||||
--
|
||||
-- Constraints for table `article`
|
||||
--
|
||||
ALTER TABLE `article`
|
||||
ADD CONSTRAINT `article_ibfk_1` FOREIGN KEY (`image`) REFERENCES `image` (`id`),
|
||||
ADD CONSTRAINT `article_ibfk_2` FOREIGN KEY (`auteur`) REFERENCES `alumni` (`id`);
|
||||
|
||||
--
|
||||
-- Constraints for table `evenement`
|
||||
--
|
||||
ALTER TABLE `evenement`
|
||||
ADD CONSTRAINT `evenement_ibfk_1` FOREIGN KEY (`organisateur`) REFERENCES `alumni` (`id`);
|
||||
|
||||
--
|
||||
-- Constraints for table `offre`
|
||||
--
|
||||
ALTER TABLE `offre`
|
||||
ADD CONSTRAINT `offre_ibfk_1` FOREIGN KEY (`offreur`) REFERENCES `alumni` (`id`);
|
||||
|
||||
--
|
||||
-- Constraints for table `profil`
|
||||
--
|
||||
ALTER TABLE `profil`
|
||||
ADD CONSTRAINT `fk_profil_alumni` FOREIGN KEY (`alumni`) REFERENCES `alumni` (`id`);
|
||||
COMMIT;
|
||||
|
||||
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
|
||||
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
|
||||
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
|
||||
@ -1,30 +1,148 @@
|
||||
@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Share+Tech+Mono&display=swap);
|
||||
*{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
margin: 0;
|
||||
}
|
||||
body{
|
||||
display: inline;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
min-height: 100vh;
|
||||
background: #fff;
|
||||
|
||||
.main {
|
||||
color: #212121;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.title-banner{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
input{
|
||||
.banner-img{
|
||||
width: 100%;
|
||||
height: 250px;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.banner {
|
||||
position: relative;
|
||||
outline: none;
|
||||
padding: 10px 20px;
|
||||
border-radius: 10px;
|
||||
letter-spacing: 1px;
|
||||
font-size: 0.85em;
|
||||
background-color: #00DBFF;
|
||||
}
|
||||
|
||||
.title-banner {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
padding: 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.title-banner .title{
|
||||
font-size: 35px;
|
||||
color: #00DBFF;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.title-banner .subtitle{
|
||||
font-size: 20px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.title-banner .description{
|
||||
font-size: 15px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.slideshow-container {
|
||||
position: relative;
|
||||
max-width: 70%;
|
||||
margin: 0 auto;
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
.slide {
|
||||
width: 100%;
|
||||
height: 350px;
|
||||
border-radius: 20px;
|
||||
border: #212121 1px solid;
|
||||
}
|
||||
|
||||
.slide-content {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.slide-img,
|
||||
.slide-info {
|
||||
width: 50%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.slide-info{
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.slide-title{
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.slide-info .button{
|
||||
color: #00DBFF;
|
||||
font-size: 14px;
|
||||
padding: 5px;
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
border-radius: 15px;
|
||||
border: #00DBFF 2px solid;
|
||||
display: inline-block;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.slide-img img{
|
||||
height: 350px;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.prevButton, .nextButton {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
font-size: 24px;
|
||||
background-color: black;
|
||||
color: white;
|
||||
padding: 8px 16px;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.prevButton {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.nextButton {
|
||||
right: 0;
|
||||
}
|
||||
.search{
|
||||
background-color: #212121;
|
||||
padding: 50px 30px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.search .search-bar{
|
||||
border-radius: 10px;
|
||||
height: 40px;
|
||||
width: calc(100% - 50px);
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.search .search-button{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 10px;
|
||||
background: #fff;
|
||||
color: #212121;
|
||||
vertical-align: middle;
|
||||
}
|
||||
@ -0,0 +1,125 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" xmlns="http://www.w3.org/1999/html">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Publier une Offre</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header>
|
||||
{% include "menu.html" %}
|
||||
</header>
|
||||
|
||||
<main class="container mt-4">
|
||||
<h1>Publier Une Offre</h1>
|
||||
|
||||
<form style="background-color: #00DBFF" class="p-4" enctype="multipart/form-data" action="{{dir}}/user/{{id}}/createOffer" method="post">
|
||||
|
||||
{% if tabError is defined %}
|
||||
{% for error in tabError %}
|
||||
<p style="color: red">{{ error }}</p>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
|
||||
|
||||
<p>Les champs contenant des astrérisques * sont obligatoires.</p>
|
||||
<div class="form-group">
|
||||
<label for="name">Intitulé de l'offre*</label>
|
||||
<input type="text" class="form-control" id="name" name="name" placeholder="Intitulé" maxlength="128" required>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="entreprise">Nom de l'entreprise :*</label>
|
||||
<input type="text" class="form-control" id="entreprise" name="entreprise" placeholder="Entreprise" maxlength="64" required>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="form-group">
|
||||
<label for="description">Amorce :*</label>
|
||||
<textarea class="form-control" id="description" name="description" placeholder="Description rapide" maxlength="200" required></textarea>
|
||||
</div>
|
||||
|
||||
<div class="form-check">
|
||||
<input type="checkbox" class="form-check-input" id="fullRemote" name="fullRemote" >
|
||||
<label class="form-check-label" for="fullRemote">Full Remote</label>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="ville">Ville</label>
|
||||
<input type="text" class="form-control" id="ville" name="ville" placeholder="Ville" required maxlength="100">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="choixContrat">Choisissez un type de contrat :*</label>
|
||||
<select class="form-control" id="choixContrat" name="typeContrat">
|
||||
<option value="CDI" selected>CDI</option>
|
||||
<option value="CDD">CDD</option>
|
||||
<option value="Alternance">Alternance</option>
|
||||
<option value="Stage">Stage</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="descriptPoste">Descriptif du Poste :*</label>
|
||||
<textarea class="form-control" id="descriptPoste" name="descriptPoste" placeholder="Description du Poste" required maxlength="2028"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="profilRecherche">Profil Recherché :*</label>
|
||||
<textarea class="form-control" id="profilRecherche" name="profilRecherche" placeholder="Profil recherché" required maxlength="2028"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="choixExp">Experience Recherchée :*</label>
|
||||
<select class="form-control" id="choixExp" name="choixExp" required>
|
||||
<option value="Indifférent" selected>Indifferent</option>
|
||||
<option value="Junior">Junior</option>
|
||||
<option value="Senior">Senior</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="nivEtudes">Niveau d'études :*</label>
|
||||
<select class="form-control" id="nivEtudes" name="education" required>
|
||||
<option value="Indifférent" selected>Indifferent</option>
|
||||
<option value="Bac+2">Bac+2</option>
|
||||
<option value="Bac+3">Bac+3</option>
|
||||
<option value="Bac+5">Bac+5</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="mail">Email de contact :*</label>
|
||||
<input type="text" class="form-control" id="mail" name="mail" placeholder="Adresse de contact" maxlength="30" required>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="num">Numero de contact :*</label>
|
||||
<input type="text" class="form-control" id="num" name="num" placeholder="Numéro de contact" required maxlength="10">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="site">Site web de l'annonce ou entreprise :</label>
|
||||
<input type="text" class="form-control" id="site" name="site" placeholder="Adresse web" maxlength="40" required>
|
||||
</div>
|
||||
|
||||
<label for="image">Image*</label>
|
||||
<input type="file" name="image" id="image" required>
|
||||
<label for="logo">Logo d'entreprise*</label>
|
||||
<input type="file" name="logo" id="logo" required>
|
||||
<input type="submit" value="Publier L'annonce" name="submit" id="submit">
|
||||
<p><i>Les images doivent être de type png, jpg, jpeg, bmp, webp & inférieures à 10MB</i></p>
|
||||
</form>
|
||||
|
||||
</main>
|
||||
|
||||
<!-- scripts : -->
|
||||
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.3/dist/umd/popper.min.js"></script>
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
Loading…
Reference in new issue