Skip to content

Commit

Permalink
Merge pull request #2 from codezilla2018/master-1
Browse files Browse the repository at this point in the history 
Master 1
  • Loading branch information
@chamodshehanka
chamodshehanka authored May 22, 2018
2 parents 7b3e275 + 4d25454 commit 68000e7
Show file tree
Hide file tree
Showing 2 changed files with 282 additions and 2 deletions.
223 changes: 223 additions & 0 deletions Bussiness-Card-Maker/index.php
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,223 @@
<?php
/**
* Created by PhpStorm.
* User: chamodshehanka
* Date: 5/22/2018
* Time: 11:23 AM
*/
?>

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Introducing Lollipop, a sweet new take on Android.">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<title>Business Card Generator | CodeZilla 2018</title>

<!--JQuery-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<!-- Page styles -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.min.css">
<link rel="stylesheet" href="css/styles.css">

<!--UI Kit-->
<link rel="stylesheet" href="css/uikit.min.css" />
<script src="js/uikit.min.js"></script>
<script src="js/uikit-icons.min.js"></script>
<!--End UI Kit-->

</head>
<body>
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">

<div class="android-header mdl-layout__header mdl-layout__header--waterfall">
<div class="mdl-layout__header-row">
<span class="android-title mdl-layout-title">
<!--<img class="android-logo-image" src="images/android-logo.png">-->
</span>
<!-- Add spacer, to align navigation to the right in desktop -->
<div class="android-header-spacer mdl-layout-spacer"></div>
<div class="android-search-box mdl-textfield mdl-js-textfield mdl-textfield--expandable mdl-textfield--floating-label mdl-textfield--align-right mdl-textfield--full-width">
<label class="mdl-button mdl-js-button mdl-button--icon" for="search-field">
<i class="material-icons">search</i>
</label>
<div class="mdl-textfield__expandable-holder">
<input class="mdl-textfield__input" type="text" id="search-field">
</div>
</div>
<!-- Navigation -->
<div class="android-navigation-container">
<nav class="android-navigation mdl-navigation">
<a class="mdl-navigation__link mdl-typography--text-uppercase" href="">About</a>
<a class="mdl-navigation__link mdl-typography--text-uppercase" href="">FAQs</a>
<a class="mdl-navigation__link mdl-typography--text-uppercase" href="">Contact</a>
</nav>
</div>

<span class="android-mobile-title mdl-layout-title">
<img class="android-logo-image" src="images/android-logo.png">
</span>
<button class="android-more-button mdl-button mdl-js-button mdl-button--icon mdl-js-ripple-effect" id="more-button">
<i class="material-icons">more_vert</i>
</button>
<ul class="mdl-menu mdl-js-menu mdl-menu--bottom-right mdl-js-ripple-effect" for="more-button">
<!--<li class="mdl-menu__item">5.0 Lollipop</li>-->
</ul>
</div>
</div>

<div class="android-drawer mdl-layout__drawer">
<span class="mdl-layout-title">
<img class="android-logo-image" src="images/android-logo-white.png">
</span>
<nav class="mdl-navigation">
<!--<a class="mdl-navigation__link" href="">Phones</a>
<a class="mdl-navigation__link" href="">Android SDK</a>-->
</nav>
</div>

<div class="android-content mdl-layout__content">
<a name="top"></a>
<div class="android-be-together-section mdl-typography--text-center">
<div class="logo-font android-slogan">be together. not the same.</div>
<div class="logo-font android-sub-slogan">Welcome to Business Card Maker</div>
<div class="logo-font android-create-character">
<a href="">create your business card</a>
</div>

<a href="#screens">
<button class="android-fab mdl-button mdl-button--colored mdl-js-button mdl-button--fab mdl-js-ripple-effect">
<i class="material-icons">expand_more</i>
</button>
</a>
</div>
<div class="android-screen-section mdl-typography--text-center">
<a name="screens"></a>
<div class="mdl-typography--display-1-color-contrast">Input your business details</div>
<br>

<!--Form Set-->

<div class="uk-grid-small uk-child-width-expand@s uk-text-center" uk-grid>
<div style="width: 90px"></div>
<div style="width: 600px">

<form>
<fieldset class="uk-fieldset">
<div class="uk-margin">
<input id="txt-name" name="name" class="uk-input" type="text" placeholder="Name">
</div>

<div class="uk-margin">
<input id="txt-job-title" name="job-title" class="uk-input" type="text" placeholder="Job Title">
</div>

<div class="uk-margin">
<textarea id="txt-address" name="address" class = "uk-textarea" rows = "5" placeholder="Address"></textarea>
</div>

<div class="uk-margin">
<input id="txt-telephone" name="telephone" class="uk-input" type="text" placeholder="Telephone">
</div>

<div class="uk-margin">
<input id="txt-email" name="email" class="uk-input" type="text" placeholder="Email Address">
</div>

<div class="uk-margin" style="float: right">
<button id="btn-generate" class="uk-button uk-button-primary">Generate</button>
<button id="btn-clear-all" class="uk-button uk-button-secondary" onclick="clearAll()">Clear All</button>
</div>

</fieldset>
</form>

</div>

<div></div>
</div>

<!--End Form Set-->

</div>
<div class="android-wear-section">
<div class="android-wear-band">
<div class="android-wear-band-text">
<div class="mdl-typography--display-2 mdl-typography--font-thin">The best of Google built in</div>
<p class="mdl-typography--headline mdl-typography--font-thin">
Android works perfectly with your favourite apps like Google Maps,
Calendar and YouTube.
</p>
</div>
</div>
</div>
<div class="android-customized-section">
<div class="android-customized-section-text">
<div class="mdl-typography--font-light mdl-typography--display-1-color-contrast">Customised by you, for you</div>
<p class="mdl-typography--font-light">
Put the stuff that you care about right on your home screen: the latest news, the weather or a stream of your recent photos.
<br>
<a href="" class="android-link mdl-typography--font-light">Customise your phone</a>
</p>
</div>
<div class="android-customized-section-image"></div>
</div>

<footer class="android-footer mdl-mega-footer">
<div class="mdl-mega-footer--top-section">
<div class="mdl-mega-footer--left-section">
<button class="mdl-mega-footer--social-btn"></button>
&nbsp;
<button class="mdl-mega-footer--social-btn"></button>
&nbsp;
<button class="mdl-mega-footer--social-btn"></button>
</div>
<div class="mdl-mega-footer--right-section">
<a class="mdl-typography--font-light" href="#top">
Back to Top
<i class="material-icons">expand_less</i>
</a>
</div>
</div>

<div class="mdl-mega-footer--middle-section">
<p class="mdl-typography--font-light">Satellite imagery: © 2014 Astrium, DigitalGlobe</p>
<p class="mdl-typography--font-light">Some features and devices may not be available in all areas</p>
</div>

<div class="mdl-mega-footer--bottom-section">
<a class="android-link android-link-menu mdl-typography--font-light" id="version-dropdown">
Versions
<i class="material-icons">arrow_drop_up</i>
</a>
<ul class="mdl-menu mdl-js-menu mdl-menu--top-left mdl-js-ripple-effect" for="version-dropdown">
<li class="mdl-menu__item">5.0 Lollipop</li>
<li class="mdl-menu__item">4.4 KitKat</li>
<li class="mdl-menu__item">4.3 Jelly Bean</li>
<li class="mdl-menu__item">Android History</li>
</ul>
<a class="android-link android-link-menu mdl-typography--font-light" id="developers-dropdown">
For Developers
<i class="material-icons">arrow_drop_up</i>
</a>
<ul class="mdl-menu mdl-js-menu mdl-menu--top-left mdl-js-ripple-effect" for="developers-dropdown">
<li class="mdl-menu__item">App developer resources</li>
<li class="mdl-menu__item">Android Open Source Project</li>
<li class="mdl-menu__item">Android SDK</li>
<li class="mdl-menu__item">Android for Work</li>
</ul>
<a class="android-link mdl-typography--font-light" href="">Blog</a>
<a class="android-link mdl-typography--font-light" href="">Privacy Policy</a>
</div>

</footer>
</div>
</div>
<script src="https://code.getmdl.io/1.3.0/material.min.js"></script>
</body>
</html>
61 changes: 59 additions & 2 deletions README.md
View file
Original file line number Diff line number Diff line change
@@ -1,2 +1,59 @@
# Business-Card-Maker
hcsperera@gmail.com Chamod Perera Shehanka IA0
# Business Card Maker
hcsperera@gmail.com Chamod Perera Shehanka IA0.
This is for Codezilla 2018 Inter University Hackathon

## Getting Started

1 - First you have to download this repository.
2- Then you should configure php. because this project has been made with PHP.
3 - Then you can have to have a user interface by running a index.php
4 - After that you can see the form set when you scroll page.
5 - Then fill those form and click generate button for generete bussiness card. Otherwize if you want to clear all filled values you should click on remove all button.
6 - Then you can see the generated bussinesss card. You can download it as a .jpg or .png
7 - Enjoy the Business Card Maker


End with an example of getting some data out of the system or using it for a little demo

## Running the tests



### Break down into end to end tests





### And coding style tests




## Deployment

Download this

## Built With

* [UIKit](https://getuikit.com/) - The web framework used

## Contributing

* **Chamod Shehanka** - *Developed* - [Shehanka](https://github.com/Shehanka)

See also the list of [contributors](https://github.com/codezilla2018/Business-Card-Maker/graphs/contributors) who participated in this project.

## Versioning

We use [SemVer](http://semver.org/) for versioning. For the versions available, see the [tags on this repository]

## Authors

* **Chamod Shehanka** - *Developed* - [Shehanka](https://github.com/Shehanka)

See also the list of [contributors](https://github.com/codezilla2018/Business-Card-Maker/graphs/contributors) who participated in this project.

## License

This project is licensed under the MIT License - see the [LICENSE.md](Business-Card-Maker/LICENSE) file for details

0 comments on commit 68000e7

Please sign in to comment.