Download New Sharecodepoint Android App from Google Play Store : DocScannerPoint : Document Scanner with OCR, PDF: Download Now


Domyhomework123.com - programming homework help. Get your programming homework done with expert homework helper. Trust Writemypaper123.com with your paper and you will never regret it.

Download Latest Notes, Study Materials and More...

Visit: Download Now


Ask Any Question Relative to your Sujbect

Visit: Ask Question


Jobs, Events, Companies, Recruitment, Employment, Job Portal Website in PHP & MySQL

Jobs, Events, Companies, Recruitment,  Employment, Job Portal Website in PHP & MySQL
Fastjob  allows you to manage categories and job listings, event, companies and etc. Fastjob provides advanced search, front-end forms for job and resume submission.



Features FastJob :


Post a Job
  • Post a job in easy steps and start receiving applications the same day.
  • Save time and receive most relevant responses using our intelligent filter technology.
  • Post unlimited free jobs.
  • Fill the form and start getting quality applications in your inbox within an hour.
  • Independent & specialized Job Posting solutions (Full Time/Contract/Walk-In) for all hiring needs.
  • Select the type of job posting as per your need.

Manage Responses
  • Create your very own centralized database of responses, accessible from anywhere.
  • Shortlisting made easier. See the most relevant resumes first.
  • Get unlimited responses.
  • Efficient and cost-effective way to manage responses online.
  • Online database for searching resumes.
  • Hire the right, relevant candidates almost instantly through Minaukri.com.
  • Innovative recruitment solutions now on the mobile.

Registered Job-seeker Benefits
  • Get Jobs regularly in your inbox.
  • Thousands of recruiters search our database daily to find candidates. Get found by them.
  • Apply in one click to more than 10,000 jobs*.
  • Get contacted by over 5,000 Recruiters.
  • Follow Companies that can hire you.
  • Ask any query from experts
  • Search for current as well as old events.
  • Post unlimited events


Screen Shots of Main Page 


Build your network
Find out where your friends work or who works at a better company and get directly introduced by one of your network contact.

Find your dream company or let it find you
Expand your network significantly and create more work opportunities by following companies and discussions on various topics that you are interested in.

Stay on top of your career
Showcase your work experience, but more important, your work achievements and recommendations from your work colleagues and clients.

Buy Minaukri Website : sharecodepoint@gmail.com.com

Make online quizzes template for website using html , css and javascript

Make online quizzes template for website using html , css and javascript
In this tutorial, we will show you how to make an online quiz using HTML, CSS  and the least  Javascript usage. There are so many websites available to provide the online quizzes code but their codes are very difficult to understand as well as difficult to implement. You can easily make online quizzes with the help of simple tags of HTML, CSS, and a bit of javascript.

In the above demo screenshot, I've created only 1 question with 4 multiple choice answers. You can create as many as you like. If you want to add a new question, you just need to copy the code. There is no need to write the code again.

In this quiz system, we used just a bit of javascript. If you don't know how to write/ use  HTML, CSS and javascript, don't worry, i will give you the entire code. If you want to learn html, css and javascript then visit the below links. Here you can learn basic concepts of HTML, CSS and many more languages.

HTML Tutorials : HTML Introduction

CSS Tutorials : CSS Introduction

JavaScript Tutorials: JavaScript Introduction

Let us start to make quiz system :

HTML Code 
Design the structure of quiz. Here,we have 2 div elements. First div class "class="scp-quizzes-main"" is main div  to control the quiz structure.  Second div "class="scp-quizzes-data"" is used to control the quiz questions and answers.
<div class="scp-quizzes-main">
<div class="scp-quizzes-data">
  <h3>1. What is the output of the below c code?</h3>
    <pre>#include&lt;stdio.h> 
main() 
{
   int x = 5;
   
   if(x=5)
   { 
      if(x=5) printf("Fast");
   } 
   printf("learning");
}</pre>
<br/>
    <input type="radio" id="Fastlearning" name="question1">
       <label for="Fastlearning">1. Fastlearning</label><br/>
    <input type="radio"  name="question1">
       <label>2. learning</label><br/>
    <input type="radio" name="question1">
       <label>3. learningFast</label> <br/>
    <input type="radio" name="question1">
     <label>4. Fast</label> 
 </div>
Ratios button is used for multiple answers.  4 radio buttons with the same name are used for each question.
Note : The label for="answer" and input id ="answer" is  written with same name to display the correct answer. To make any option as correct answer, write its label for=" answer" and input id ="answer".

CSS Code
This CSS used for the radio button to change the radio button style.
input[type=radio] {
    display:none; 
}
input[type=radio] + label {
    display:inline-block;
 width:95%;
 padding:10px;
 border:1px solid #ddd;
 margin-bottom:10px;
 cursor:pointer;
}
input[type=radio] + label:hover{ border:1px solid #000000;}
input[type=radio]:checked + label { 
   background-image: none;
   background-color:#0C0;
 color:#fff;
 border:1px solid #0C0 !important;
 -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

Wrong answer style
.worngans{ background-color:#F36;color:#fff; border:1px solid #F36 !important;-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
JavaScript Code
jquery.min.js Javascript files will need to be referenced on the page your quiz is on, in order for the quiz to work. To reference, you'll need to add this line between the opening and closing head tags.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type='text/javascript'></script>

This is the javascript where the wrong answer is specified. Add this javascript code between the opening and closing head tags.
<script type="text/javascript">
 $(document).ready(function() {
    $('label').click(function() {
        $('label').removeClass('worngans');
        $(this).addClass('worngans');
    });
});
</script>

If you have any doubts regarding the creation of an android app then leave your doubts in the comment box.

Make an Attractive Butterfly in Photoshop

Make an Attractive Butterfly in Photoshop
This tutorial will show you the steps to make an  attractive the butterfly in Photoshop.

I am showing you how to make an attractive butterfly in Photoshop. I am describing the tutorial with text and image screen shorts. I am going to explain in step by steps. You can follow the steps then make your own butterfly in Photoshop. 

Step 1: Create file  and Draw 4 Circle (Butterfly Wings)
Create a new document (any size ) and fill it white. After creating the document and then draw 4 circles with black border then re-size the shape into egg shape ( Tool name for re-size the shape: Free Transform ).



Step 2: Place small size circles
Placing the small size of circles with same color without border. Hide the interconnect between the 4 circles.




Step 3: Draw new circle (Butterfly Body)
Draw a new circle using ellipse tool then re-size the circle into egg shape.



Step 4: Draw again new circle (Butterfly Face)
Draw again new circle and don't re-size the circle shape. Circle shape like earth.



Step 5: Make the line inside the circle (Butterfly body)



Step 6: Draw two new circle (Butterfly Eyes)
Draw a two new circle for making the butterfly eyes. Both circle size should be different. Mean first circle is big and second circle small than first circle.



Step 7: Draw two curve lines (Butterfly Face)
Draw the two curve lines for making the smiley face of butterfly. First curve
line bigger then second curve line like this: 



Step 8: Draw again two curve lines (Butterfly Eyes Antenna)
Draw again two curve lines for making the butterfly eyes antenna.



Step 9: Draw again two circles (Butterfly Eyes Club of Antenna)
Draw a two circles to make the butterfly eyes club of antenna.



Step 10: Draw again two circles (Butterfly Eyes Cornea)
Draw two circles fill it black color.



Step 11: Draw four circles (Butterfly Eyes Aqueous humour )
Draw a four circle to make the butterfly eyes Aqueous Humor. Circle color should be white then eyes look real.



Step 12: Draw a different circles
Draw a different circles inside the butterfly wings like this:



About the butterflies:
Butterflies are brightly colored insects that feed on nectar and help pollinate flowers. This tutorial will show you the steps to make the butterfly by using Photoshop.

Final Butterfly Done !
Now you can make your own butterfly using photoshop and other software. Learn More and Enjoy More

Video : View Video

Animated Bouncing Balls Using HTML and CSS3

Animated Bouncing Balls Using HTML  and CSS3
In this tutorial, we'll create the animated bouncing  balls using only CSS3 transition , animations and show effects.  Today, we will start by creating a very cool and realistic ball with CSS3 properties and add a CSS3 animations for giving  bouncing and jumping effects to the ball.

CSS3 animation make it possible to animate transitions from one CSS3 style configuration to another.  Previously it  was possible only with the use of javascript or jquery  for animations but now the CSS3 animation properties enables us to do animations easily. Don't write the big code for small animation just write the only one word "animation". 

Today, I  am going to give an example of bouncing and Jumping balls using CSS3 animations and transitions effects.

HTML CODE 
Let's start with some very basic html. We have here 4 simple DIV elements . "class="main" " is the main DIV which controls the balls. This Div will determine the balls margin from top of the screen. First div is used for ball 1 , Second div used for ball 2 and third div used for ball 3. 
<html>
  <head>
      <title>Animated Bouncing Ball's Using HTML  and CSS3 </title>
      <link href="balls.css" rel="stylesheet" type="text/css">
      <body>
       
     <div class="main">
<div class="ball1">
</div>
<div class="ball2">
</div>
<div class="ball3">
</div>
</div>
</body>
</html>

CSS CODE
I'll start by adding the animation property to our ball "animation: animation:ball1 3s infinite ".
  animation:ball1 3s infinite;
All I did was to define the animation name (ball1 , ball2 or ball3 ), the animation's duration (3 second ) and how many times the animation will happen - in our case we use ( infinite ) which means that it will run  forever.

Animation itself:
So, basically what I’m doing here is to play with the ‘top’ position property of the ball.
<html>
  <head>
      <title>Animated Bouncing Ball's Using HTML  and CSS3 </title>
      <link href="balls.css" rel="stylesheet" type="text/css">
      <body>
       
     <div class="main">
<div class="ball1">
</div>
<div class="ball2">
</div>
<div class="ball3">
</div>
</div>
</body>
</html>

MAIN CSS CODE 
We are giving the balls equal width and height and a value of 100% to border-radius property.So, it will be a ball and not an oval shape. All balls transition delay times are equal.
.main{ margin-top:100px;}
This CSS for Ball 1
.ball1{
 float:left;
 width:100px;
 height:100px;
 background-color:#999999;
 border-radius:100%;
 transition:all 0.5s ease-in-out;
 -webkite-transition:all 0.5s ease-in-out;
 -moz-transition:all 0.5s ease-in-out;
 animation:ball1 3s infinite;
 -webkit-animation:ball1 3s infinite;
 -moz-animation:ball1 3s infinite;
 border:5px solid #222;
}
@keyframes ball1{
20%{
 background-color:#FF66CC;
 transition:all 0.5s ease-in-out;
}
40%{
 background-color:#66CC33;
 margin-left:800px;
 margin-top:100px;
 width:150px;
 height:150px;
 transition:all 0.5s ease-in-out;
}
60%{
 background-color:#CC33FF;
 margin-left:500px;
 margin-top:300px;
 width:150px;
 height:150px;
 transition:all 0.5s ease-in-out;
}
80%{
 background-color:#FFFF00;
 margin-left:300px;
 margin-top:100px;
 width:100px;
 height:100px;
 transition:all 0.5s ease-in-out;
}
95%{
 width:200px;
 height:200px;
 background-color:#FF9933;
 transition:all 0.5s ease-in-out;
}
}
 
This CSS for Ball 2
/* This CSS for Ball 2 */
.ball2{
 float:left;
 width:100px;
 height:100px;
 margin-top:100px;
 background-color:#66CCCC;
 border-radius:100%;
 transition:all 10s ease-in-out;
 -webkite-transition:all 10s ease-in-out;
 -moz-transition:all 10s ease-in-out;
 animation:ball2 2s infinite;
 -webkit-animation:ball2 2s infinite;
 -moz-animation:ball2 2s infinite;
 border:5px solid #222;
}
@keyframes ball2{
20%{
 background-color:#FFFF66;
 margin-top:200px;
 transition:all 0.5s ease-in-out;
}
40%{
 background-color:#CC66FF;
 margin-top:-50px;
 width:150px;
 height:150px;
 transition:all 0.5s ease-in-out;
}
60%{
 background-color:#FF3366;
 margin-top:200px;
 transition:all 0.5s ease-in-out;
}
80%{
 background-color:#FF9966;
 margin-top:-100px;
 width:100px;
 height:100px;
 transition:all 0.5s ease-in-out;
}
95%{
 width:150px;
 height:150px;
 margin-top:250px;
 background-color:#000000;
 transition:all 0.5s ease-in-out;
}
}
 
This CSS for Ball 3
/* This CSS for Ball 3 */
.ball3{
 float:left;
 width:100px;
 height:100px;
 margin-top:100px;
 background-color:#6666CC;
 border-radius:100%;
 transition:all 10s ease-in-out;
 -webkite-transition:all 10s ease-in-out;
 -moz-transition:all 10s ease-in-out;
 animation:ball2 2s infinite;
 -webkit-animation:ball3 2s infinite;
 -moz-animation:ball3 2s infinite;
 border:5px solid #222;
}
@keyframes ball3{
25%{
 background-color:#FF6633;
 margin-top:50px;
 transition:all 0.5s ease-in-out;
}
40%{
 background-color:#0066FF;
 margin-top:300px;
 width:150px;
 height:150px;
 transition:all 0.5s ease-in-out;
}
60%{
 background-color:#333333;
 margin-top:-200px;
 transition:all 0.5s ease-in-out;
}
80%{
 background-color:#663333;
 margin-top:100px;
 width:100px;
 height:100px;
 transition:all 0.5s ease-in-out;
}
95%{
 width:200px;
 height:200px;
 margin-top:300px;
 transition:all 0.5s ease-in-out;
}
}

Finally Animated Bouncing and Jumping Balls Done !
Now, you can create your own animation using CSS3 properties without writing any javascript and jquey code.



 Animated Bouncing Balls Using HTML and CSS3  Live Demo Animated Bouncing Balls Using HTML and CSS3