Skip to content

Renuka #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
RenukaChoudhary wants to merge 3 commits into
base: master
Choose a base branch
from
Open

Renuka #3

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
000f703
color tweaking
Mar 27, 2017
592e1d2
login page
Apr 3, 2017
0e6ee72
no message
Apr 6, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
373 changes: 124 additions & 249 deletions .idea/workspace.xml
View file
Open in desktop

Large diffs are not rendered by default.

94 changes: 94 additions & 0 deletions add.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,94 @@
<!DOCTYPE html>
<html>
<style>
form {
border: 3px solid #f1f1f1;
}

input[type=text], input[type=password] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
box-sizing: border-box;
}

button {
background-color: #4CAF50;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
cursor: pointer;
width: 100%;
}

button:hover {
opacity: 0.8;
}

.cancelbtn {
width: auto;
padding: 10px 18px;
background-color: #f44336;
}

.imgcontainer {
text-align: center;
margin: 24px 0 12px 0;
}

img.avatar {
width: 40%;
border-radius: 50%;
}

.container {
padding: 16px;
}

span.psw {
float: right;
padding-top: 16px;
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
span.psw {
display: block;
float: none;
}
.cancelbtn {
width: 100%;
}
}
</style>
<body>

<h2>Login Form</h2>

<form action="/action_page.php">
<div class="imgcontainer">
<img src="./res/img/ygfull.jpg" align="left" style="height:10%; width:10%;"/><img src="img_avatar2.png" alt="YUKTI GRAPHICS" class="avatar">
</div>

<div class="container">
<label><b>Username</b></label>
<input type="text" placeholder="Enter Username" name="uname" required>

<label><b>Password</b></label>
<input type="password" placeholder="Enter Password" name="psw" required>

<button type="submit">Login</button>
<input type="checkbox" checked="checked"> Remember me
</div>

<div class="container" style="background-color:#f1f1f1">
<button type="button" class="cancelbtn">Cancel</button>
<span class="psw">Forgot <a href="#">password?</a></span>
</div>
</form>

</body>
</html>
48 changes: 26 additions & 22 deletions contact.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,76 +2,80 @@
<html>
<head>
<link rel="stylesheet" href="css/default2.css">
<?php require "php/default.php" ?>
<?php require "lost.php" ?>
<title>Home | Yukti Graphics</title>
</head>
<body>
<div style="width: 100%">
<div style="display: inline-block;">
<img src="res/img/logoyg.jpg" style="width: 200px: height: auto;">
<div style="display: inline-block; margin-right: 30%">
<img src="res/img/logoyg.jpg" style="width:100px; height: auto;">
</div>
<div style="display: inline-block;">
<div style="display: inline-block; vertical-align: top">
<div>
<button style="display: inline-block">Fb</button>
<button style="display: inline-block">Tw</button>
<form style="display: inline-block">
<input type="text" style="display: inline-block" alt="Search Yukti Graphics" />
<input type="text" style="display: inline-block; color: grey" value="Search Yukti Graphics" />
<button style="display: inline-block">Search</button>
<a href="#" style="display: inline-block">Sign In/Sign Up</a>
<a href="./add.php" style="display: inline-block">Sign In/Sign Up</a>
</form>
</div>
<div>
<div style="display: inline-block">Choose a Design</div>
<div style="display: inline-block">Products and Prices</div>
<div style="display: inline-block">Find a Studio</div>
<div style="display: inline-block">Call us on: 1234567890</div>
<div style="display: inline-block; color: white; background-color: dodgerblue; margin: 10px; padding: 5px;">CHOOSE A DESIGN</div>
<a href="product.php"><div style="display: inline-block; color: white; background-color: deeppink;margin: 10px; padding: 5px;">PRODUCTS AND PRICES</div></a>
<div style="display: inline-block; color: black; background-color: yellow; margin: 10px;padding: 5px;">FIND A STUDIO</div>
<div style="display: inline-block;"><b>CALL US ON : 9958127127</b></div>
</div>
</div>
</div>
<img src="./res/img/yg%2520full.jpg" style="height:auto; width:100%;"/>
<img src="./res/img/ygfull.jpg" style="height:auto; width:100%;"/>
</div>
<div>
<div style="display: inline-block">
<div style="display: inline-block; vertical-align: top">
<h1 style="color: deeppink"><i>Contact for</i> <b>PRINTING WORKS</b></h1>
<h3 style="color: lightseagreen;"><b>FIND DESIGN</b></h3>
<form><input type="text" value="Find Designs" style="display: inline-block"/><button style="display: inline-block;background-color: deeppink; border-radius:5px;">Search</button></form>
<form><input type="text" value="Start from a template" style="display: inline-block; color: grey"/><button style="display: inline-block;background-color: deeppink; border-radius:5px;">Find Designs</button></form>
<p>Thousands of industry specific design,fully loaded with marketing text and striking images,ready to Edit & Go online.</p>
<h3 style="color: deeppink"><b>UPLOAD YOUR FILE</b></h3>
<p>Already have a print-ready design?Choose from our huge range of low-cost options,printed in Hi -Definition.</p>
<h3 style="color: aqua"><b>View printing prices</b></h3>
<p>Business Cards, Flyers and Leaflets from 50 to 50,000. All delivered fast with our on Time or It's on Us guarantee.</p>
<form><input type="text" value="See Your Special offers" style="display: inline-block; color: grey"/><button style="display: inline-block;background-color: deeppink; border-radius:5px;">Search</button></form>

</div>
<div style="display: inline-block">
<div style="display: inline-block; vertical-align: top">
<img src="res/img/SOCIAL.jpg"/>
</div>
<div style="display: inline-block">
<?php
append(unorderedList("a,s,d,f,g,h,j,k,l,z,x,c,v,b,n,m,q"))
append(unorderedList("View all Business Cards,View all Leaflets & Flyers,View all Invitations,View all Greetings Cards,View all Postcards,View all Posters,View all Letterheads,View all Compliment Slips,View all Stickers,View all Calendars,View all Bill Books,View all Challan Book,View all Pen,View all Sunpack ,View all Pamphlet,View all Brochures,View all Magazines,View all Wedding Cards,View all ID Cards,View all Bag,View all Memorandum,View all Articles"))
?>
</div>
</div>
<h2 style="color: deeppink; font-family: 'Comic Sans MS';" align="center" >In a Hurry? Start with one of our most popular design, then make it your own...</h2>
<div>
<div style="display: inline-block; width: 24%; vertical-align: top;">
<h3>Products and Prices</h3>
<div style="display: inline-block; width: 24%; vertical-align: top; background: radial-gradient(circle, white, lightskyblue);">
<h3 style="color: cadetblue">Products and Prices</h3>
<?php
append(unorderedList("Corporate Solutions,Corporate Business Card System,Multi-site Business System,Stationary,Envelopers-blank form,Business Stationary form,Report Covers & Docoment Corners form,Business forms form,NCR form,Envelopes-printed form,Rulers & Paper Clips form,Posters & Exhibitions,Exhibition & Display Stands form,Posters-Large Format(1+)form,Frames for posters form,Banners PVC form,Canvas prints & Frames form,Flags & Accessories form,Banner stands -Roller form,Signs & Lightboxes form,Litho Posters(50+)form"))
?>
</div>
<div style="display: inline-block; width: 24%; vertical-align: top;">
<h3>Leaflets</h3>
<div style="display: inline-block; width: 24%; vertical-align: top; background: radial-gradient(circle, white, lightpink);">
<h3 style="color: deeppink">Leaflets</h3>
<?php
append(unorderedList("Leaflets form,Leaflets-folded form,Leaflets-perforates form,Showcards / Thick Flyers form,Postcards form,Invites & Greetings,Invitations form ,Greeting Cards form,Vouchers cards form,Hospitality & Retail,Hospitality Solutions form,Laser Voucher Sheets form,Swing Tickets & Tags form,Menus & Tent Cards form,Wobblers form,Laser Price Lists form,Pads & Note Blocks,Notepads from 94peach,Sticky Notes & Memo Pads form 81peach"))
?>
</div>
<div style="display: inline-block; width: 24%; vertical-align: top;">
<div style="display: inline-block; width: 24%; vertical-align: top;background: radial-gradient(circle,white,lightgoldenrodyellow);">
<h3>Business Cards</h3>
<?php
append(unorderedList("Business Cards form,Credit Cards form,Flyers form,Bookmarks form,Flyers-Folded form,Booklets,Booklet Covers form,Booklets-Digital form,Booklets-A6 form,Booklets-1/3rd A4 form,Booklets-Square form,Booklets-A5 form,Booklets-Wide form,Booklets-A4 form,Voucher Booklets form,Folders form,CD/DVD/Video Packing form,Inserts for Folders form"))
?>
</div>
<div style="display: inline-block; width: 24%; vertical-align: top">
<div style="display: inline-block; width: 24%; vertical-align: top;background: radial-gradient(circle,white,grey);">
<h3>Hospitality and Retail</h3>
<?php
append(unorderedList(",Hospitality Solutions form,Laser Voucher Sheets form,Swing Tickets & Tags Form,Menus & Tent Crds form,Wobblers form,Laser Price Lists form,Pads & Note Blocks,Notepads form 94peach,Sticky Notes & Memo Pads form 81peach,Giveaway Gifts,Mouse Mats,Coasters & Desk Tidle form 90peach,Trophies & Awards form,Keyrings-Bottle Openers & Ice Scrapers form,53peach,Case Card Portfolios form,Wine,Champagne & Water,Wine.Champagne & Water form"))
append(unorderedList("Hospitality Solutions form,Laser Voucher Sheets form,Swing Tickets & Tags Form,Menus & Tent Crds form,Wobblers form,Laser Price Lists form,Pads & Note Blocks,Notepads form 94peach,Sticky Notes & Memo Pads form 81peach,Giveaway Gifts,Mouse Mats,Coasters & Desk Tidle form 90peach,Trophies & Awards form,Keyrings-Bottle Openers & Ice Scrapers form,53peach,Case Card Portfolios form,Wine,Champagne & Water,Wine.Champagne & Water form"))
?>
</div>

Expand Down
167 changes: 167 additions & 0 deletions edit.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,167 @@
<!DOCTYPE html>
<html>
<style>

input[type=text], input[type=password] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
box-sizing: border-box;
}


button {
background-color: #4CAF50;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
cursor: pointer;
width: 100%;
}

button:hover {
opacity: 0.8;
}


.cancelbtn {
width: auto;
padding: 10px 18px;
background-color: #f44336;
}


.imgcontainer {
text-align: center;
margin: 24px 0 12px 0;
position: relative;
}

img.avatar {
width: 40%;
border-radius: 50%;
}

.container {
padding: 16px;
}

span.psw {
float: right;
padding-top: 16px;
}


.modal {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
padding-top: 60px;
}


.modal-content {
background-color: #fefefe;
margin: 5% auto 15% auto;
border: 1px solid #888;
width: 80%;
}


.close {
position: absolute;
right: 25px;
top: 0;
color: #000;
font-size: 35px;
font-weight: bold;
}

.close:hover,
.close:focus {
color: red;
cursor: pointer;
}

.animate {
-webkit-animation: animatezoom 0.6s;
animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
from {-webkit-transform: scale(0)}
to {-webkit-transform: scale(1)}
}

@keyframes animatezoom {
from {transform: scale(0)}
to {transform: scale(1)}
}


@media screen and (max-width: 300px) {
span.psw {
display: block;
float: none;
}
.cancelbtn {
width: 100%;
}
}
</style>
<body>

<h2>Yukti Graphics Log In Page</h2>

<button onclick="document.getElementById('id01').style.display='block'" style="width:auto;">Login</button>

<div id="id01" class="modal">

<form class="modal-content animate" action="/action_page.php">
<div class="imgcontainer">
<span onclick="document.getElementById('id01').style.display='none'" class="close" title="Close Modal">&times;</span>
<img src="img_avatar2.png" alt="Avatar" class="avatar">
</div>

<div class="container">
<label><b>Username</b></label>
<input type="text" placeholder="Enter Username" name="uname" required>

<label><b>Password</b></label>
<input type="password" placeholder="Enter Password" name="psw" required>

<button type="submit">Login</button>
<input type="checkbox" checked="checked"> Remember me
</div>

<div class="container" style="background-color:#f1f1f1">
<button type="button" onclick="document.getElementById('id01').style.display='none'" class="cancelbtn">Cancel</button>
<span class="psw">Forgot <a href="#">password?</a></span>
</div>
</form>
</div>

<script>

var modal = document.getElementById('id01');


window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
</script>

</body>
</html>
Loading