How to setup two domain using Lamp or XAMPP AWS Linux 2

Suppose we need to create two domain with xampp Let say tutorialshore.com and viewshore.com

First we have to install xampp in your AWS Linux 2  see below link for that

How to install xampp and FTP in AWS Linux 2 server

Then folle below steps

1 Allow custom virtual hosts from Apache config


open Apache config file using below command

# vi /opt/lampp/etc/httpd.conf

 

Find out below code
# Virtual hosts
#Include etc/extra/httpd-vhosts.conf

Replace above code with 

# Virtual hosts
Include etc/extra/httpd-vhosts.conf

 

2) Add custom domain in the hosts file

#vi /etc/hosts


127.0.0.3	tutorialshore.com
127.0.0.5	viewshore.com

3) Add custom domain in the hosts file

#vi /etc/hosts
 
add this two host at the end

127.0.0.3	tutorialshore.com
127.0.0.5	viewshore.com

4) Create your virtual hosts

#vi /opt/lampp/etc/extra/httpd-vhosts.conf

Add below line at the end


<VirtualHost 127.0.0.3:80>
 DocumentRoot "/opt/lampp/htdocs/tutorialshore"
 DirectoryIndex index.php

 <Directory "/opt/lampp/htdocs/tutorialshore">
 Options All
 AllowOverride All
 Require all granted
 </Directory>
</VirtualHost>

<VirtualHost 127.0.0.5:80>
 DocumentRoot "/opt/lampp/htdocs/viewshore"
 DirectoryIndex index.php

 <Directory "/opt/lampp/htdocs/viewshore">
 Options All
 AllowOverride All
 Require all granted
 </Directory>
</VirtualHost>

5) Create project Directoty

#cd /opt/lampp/htdocs
#mkdir tutorialshore
#mkdir viewshore

6) Upload your files and enjoy with your two new website

Show a div in every 10 Seconds if it is hidden using JQuery

Here am going to show you how to Show a div in every 10 Seconds if it is hidden using JQuery

<script type="text/javascript">
 $(document).ready(function() {
 setInterval(function() {
 if ($('#make_container').is(':hidden')) {
 $("#make_container").slideToggle();
 }
 }, 12000); 
 });</strong>
</script>

Suppose I have a html form

<div class="enquire-btn"><span id="enquire_click"> Enquire Now </span>
<div id="make_container" style="display:none";>
<div id="form_container">
<div id="form_fields" class="black">
<form accept-charset="UTF-8" action="send-enquiry.php" id="contact_us" method="post" novalidate>
<label>Name *</label>
<div class="f_rel">
<input class="required letterswithbasicpunc" id="contact_first_name" name="nam" size="30" style="width:100%" type="text">
</div>
<label>Email *</label>
<div class="f_rel">
<input class="required email" id="contact_email" name="ema" size="30" style="width:100%" type="text">
</div>
<label>Phone *</label>
<div class="f_rel">
<input class="required" id="contact_phone" minlength="10" name="mob" size="30" style="width:100%" type="text">
<input type="hidden" name="utmterm" value="<?php echo $utm_term; ?>">
<input type="hidden" name="pageUrl" value='<?php echo $pageUrl; ?>'>
<input class="project" name="project" value="Opus" type="hidden">
</div>
<label>Comments</label>
<div class="f_rel">
<textarea class="letterswithbasicpunc" id="contact_comments" name="msg" size="30" style="width:100%" type="text"></textarea>
</div>
<br>
<br>
 <input type="submit" class="btn contactSubmitBtn" value="Submit" id=</form>
</div>
</div>
</div>
</div>

It will show the form every 10 Seconds if it is hidden using JQuery

How to create a new branch git

How create a new branch git

create a new branch git

#git checkout -b BRANCH_NAME

Here is conman git command
STEP 1 : clone

# git clone --single-branch -b BRANCH_NAME  https://github.com/**************.com.git

STEP 2: Config

# git config push.default upstream

STEP 3: Check out

#git checkout BRANCH_NAME

STEP 4: Do the changes and add

 
#git add .

STEP 5: Commit the changes

#git commit -m "home page change"

STEP 6: Finally 

#git push origin BRANCH_NAME

You almost done