Scribd Logo
Upload

Welcome to Scribd!

  • Wedding Web

    Uploaded by

    Shruti
    3 views4 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    3 views4 pages

    Wedding Web

    Uploaded by

    Shruti

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    of 4

    FRONTEND SAMPLE CODE

    1) index.php

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>complete responsive wedding planner website create by Win
    Coder</title>

    <!-- font awesome cdn link -->


    <link rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css
    ">

    <!-- custom css file link -->


    <link rel="stylesheet" href="css/style.css">

    </head>
    <body>

    <!-- header section starts -->

    <header>

    <a href="#" class="logo">WCwedding</a>

    <div id="menu-bar" class="fas fa-bars"></div>

    <nav class="navbar">
    <a href="#home">home</a>
    <a href="#vendor">vendor</a>
    <a href="#clients">clients</a>
    <a href="#team">team</a>
    <a href="#blog">blog</a>
    <a href="#contact">contact</a>

    </nav>

    </header>

    <!-- header section ends -->

    <!-- home section starts -->

    <section class="home" id="home">

    <div class="content">
    <span>wedding planner agency</span>
    <h3>we make every moment special!</h3>
    <a href="#" class="btn">learm more</a>
    </div>

    </section>

    <!-- home section ends -->

    2) style.css

    @import
    url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400
    ;0,500;0,700;1,100;1,300&display=swap');

    :root{
    --pink:#EE0548;
    --black:#130f40;
    }

    *{
    font-family: 'Roboto', sans-serif;
    margin:0; padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    outline: none; border:none;
    transition: .2s linear;
    text-transform: capitalize;
    }

    *::selection{
    background:var(--pink);
    color:#fff;
    }

    html{
    font-size: 62.5%;
    overflow-x: hidden;
    scroll-padding-top: 6.5rem;
    scroll-behavior: smooth;
    }

    body{
    background:var(--black);
    }

    section{
    padding:3rem 9%;
    }

    .btn{
    display: inline-block;
    margin-top: 1rem;
    border:.2rem solid var(--black);
    color:var(--black);
    font-size: 1.7rem;
    padding:.8rem 3rem;
    cursor: pointer;
    background: none;
    }

    .btn:hover{
    background: var(--pink);
    border-color: var(--pink);
    color:#fff;
    }

    .heading{
    padding-bottom: 2rem;
    text-align: center;
    }

    .heading h1{
    font-size: 4rem;
    color:#fff;
    padding-bottom: 1rem;
    text-transform: uppercase;
    }

    header{
    position: fixed;
    top:0; left: 0; right: 0;
    z-index: 10000;
    background:var(--pink);
    padding:2rem 9%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    }

    header .logo{
    font-size: 2.5rem;
    color:#fff;
    font-weight: bolder;
    }

    header .navbar a{
    color:#fff;
    font-size: 2rem;
    margin-left: 2rem;
    }

    header .navbar a:hover{


    color:var(--black);
    }
    BACKEND SAMPLE CODE

    1) contact_form.php

    <?php

    $connection =mysqli_connect('localhost', 'root', '', 'contact_db' );

    if(isset($_POST['send'])){
    $name = $_POST['name'];
    $email = $_POST['email'];
    $phone = $_POST['phone'];
    $address = $_POST['address'];
    $message = $_POST['message'];

    $request ="insert into contact_form (name,email,phone,address,message)


    values('$name','$email','$phone','$address','$message')";
    mysqli_query($connection, $request);
    header('location:index.php');

    }else{
    echo 'Something went wrong please try again!';
    }
    ?>

    You might also like