Changeset b09655a


Ignore:
Timestamp:
01/24/25 01:59:41 (3 months ago)
Author:
Aleksandarj03 <138524804+Aleksandarj03@…>
Branches:
master
Children:
03d08f3
Parents:
34aa6cc
Message:

Updated footer

Location:
ReserveNGo-frontend
Files:
3 edited

Legend:

Unmodified
Added
Removed

  • ReserveNGo-frontend/index.html

    r34aa6cc rb09655a  
    77    <title>Vite App</title>
    88    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
     9    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    910  </head>
    1011  <body>

  • ReserveNGo-frontend/src/App.vue

    r34aa6cc rb09655a  
    5858main {
    5959  flex: 1; /*istrazi*/
     60}
     61footer{
     62  background: #8377D1;
    6063}
    6164

  • ReserveNGo-frontend/src/components/Project/Footer_.vue

    r34aa6cc rb09655a  
    44
    55<template>
     6      <footer>
     7        <div class="slogan">
     8          <h3>ReserveNGo</h3>
     9          <p>Why not make your life easier?</p>
    610
    7     <div id="container" class="border">
    8       <footer>
    9       Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque, voluptatibus?
     11        </div>
     12       
     13        <div class="contact">
     14            <p>Contact:</p>
     15          <a href="#" class="fa fa-facebook"></a>
     16          <a href="#" class="fa fa-instagram"></a>
     17          <a href="#" class="fa fa-google"></a>
     18        </div>
    1019      </footer>
    11     </div>
     20
    1221
    1322
    … …  
    1625<style scoped>
    1726
    18 #container{
    19   height: 20vh;
    20   background: #8377D1;
     27/*hr{
     28  height: 50px;
     29  width: auto;
     30}*/
     31
     32footer{
     33  display: flex;
     34  flex-direction: column;
     35  justify-content: center;
     36  align-items: center;
     37  margin: 10px 0;
    2138}
    2239
    23 footer{
     40.slogan{
     41  font-size: 30px;
     42  margin: 20px 0;
     43}
     44.slogan h3{
     45  text-align: center;
     46}
    2447
     48.contact{
     49  margin: 20px 0;
     50  display: flex;
     51  flex-direction: row;
     52  justify-content: space-between;
     53}
     54.contact p{
     55  margin: auto;
     56  font-size: 20px;
     57}
     58
     59.fa {
     60  padding: 20px;
     61  margin-left: 15px;
     62  font-size: 20px;
     63  width: 20px;
     64  text-align: center;
     65  text-decoration: none;
     66  border-radius: 50%;
     67  box-sizing: content-box;
     68}
     69.fa-facebook {
     70  background: #3B5998;
     71  color: white;
     72}
     73.fa-instagram {
     74  background: #125688;
     75  color: white;
     76}
     77.fa-google {
     78  background: #dd4b39;
     79  color: white;
    2580}
    2681
Note: See TracChangeset for help on using the changeset viewer.