Home » Word Press » PHP Daytrader’s Candlestick Pattern Hunter v1.0 by data_ninja

PHP Daytrader’s Candlestick Pattern Hunter v1.0 by data_ninja

PHP Daytrader’s Candlestick Pattern Hunter v1.0 by data_ninja.

WHAT IS THE PHP DAYTRADER’S CANDLESTICK PATTERN HUNTER SCRIPT?
The PHP Daytrader’s Candlestick Pattern script is a “powerful” PHP / jQuery / Javascript script takes a FREE near-real time inventory quote feed (from Tradier.com) to construct a “live” complete featured highstock mixture chart (see Highsoft) that presentations a inventory’s “price action” in a reponsive webpage that may be track in a desktop, pc, pill or cellular pc/telephone. Candlesticks are generated each minute (five or 15 minutes – behind schedule quotes) for any inventory within the NYSE, Nasdaq and any others discovered within the following record of exchanges (click on right here for all of the exchanges Tradier.com helps). In addition to exhibiting a inventory’s worth motion, this script additionally hunts for the commonest candlestick patterns and flags them within the chart, for daytraders to make use of to forecast conduct (bullish, bearish, impartial) of all of the inventory’s of their portfolio. This script is configurable in order that daytraders too can outline their own patterns to watch for additionally!

php daytraders candlestick pattern hunter v1 0 by data ninja - PHP Daytrader's Candlestick Pattern Hunter v1.0 by data_ninjaWHAT ARE CANDLESTICK CHARTS AND PATTERNS?

The candlestick tactics inventory daytraders use lately originated within the genre of technical charting used by the Japanese for over 100 years prior to the West evolved the bar and point-and-figure research techniques. In the 1700s, a Japanese guy named Homma, a dealer within the futures marketplace, found out that, even if there used to be a hyperlink between worth and the provision and insist of rice, the markets had been strongly influenced by the sentiments of buyers. He understood that after feelings performed into the equation, an unlimited distinction between the price and the cost of rice happened. This distinction between the price and the cost is as appropriate to shares lately because it used to be to rice in Japan centuries in the past. The rules established by Homma are the foundation for the candlestick chart research, which is used to measure marketplace feelings surrounding a inventory.

<tbody>

</tbody>

1504878316 266 php daytraders candlestick pattern hunter v1 0 by data ninja - PHP Daytrader's Candlestick Pattern Hunter v1.0 by data_ninja   Compared to standard bar charts,
many buyers imagine candlestick charts
extra visually interesting and more straightforward to
interpret. Each candlestick supplies an
easy-to-decipher image of worth motion.
Immediately a dealer can evaluate the
courting between the open and shut
in addition to the low and high. The
courting between the open and shut
is thought of as essential knowledge and
paperwork the essence of candlesticks.

Green (bullish) candlesticks, the place the shut is bigger than the open, point out purchasing force. Red (bearish) candlesticks, the place the shut is lower than the open, point out promoting force.

Candlestick patterns are a chain of consecutive candlesticks that can be utilized to forecast long term conduct of a inventory – uptrend, downtrend, reversal, breakaways, consolidations, and many others. See subsequent phase for extra main points.

WHICH PATTERNS WILL THIS SCRIPT HUNT FOR “OUT OF THE BOX”?

This script hunts for identified candlestick patterns which might be used by buyers to are expecting the conduct of the inventory. The following is the record of those patterns:

<tbody>

</tbody>

1504878316 4 php daytraders candlestick pattern hunter v1 0 by data ninja - PHP Daytrader's Candlestick Pattern Hunter v1.0 by data_ninja    DOJI (impartial) – Dojis shape when a safety’s open and shut are just about equivalent. The duration of the higher and decrease shadows can range, and the ensuing candlestick seems like, both, a go, inverted go, or plus signal. Doji put across a way of indecision or tug-of-war between consumers and dealers. Prices transfer above and underneath the hole degree all through the consultation, however shut at or close to the hole degree.
1504878317 546 php daytraders candlestick pattern hunter v1 0 by data ninja - PHP Daytrader's Candlestick Pattern Hunter v1.0 by data_ninja    DRAGONFLY DOJI (bullish) – A Doji the place the open and shut worth are on the prime of the day. Like different Doji patterns, this one typically seems at marketplace turning issues.
1504878317 496 php daytraders candlestick pattern hunter v1 0 by data ninja - PHP Daytrader's Candlestick Pattern Hunter v1.0 by data_ninja    GRAVESTONE DOJI (bearish) – A doji line that develops when the Doji is at, or very close to, the low of the day..
1504878317 63 php daytraders candlestick pattern hunter v1 0 by data ninja - PHP Daytrader's Candlestick Pattern Hunter v1.0 by data_ninja    HAMMER (bullish) – A hammer is a worth development in candlestick charting that happens when a safety trades considerably not up to its opening, however rallies later within the day to near both above opening worth. This development paperwork a hammer-shaped candlestick, through which the frame is no less than part the scale of the tail or wick. It’s is to known as a hammer, when this development happens after a downtrend and a dangling guy after a uptrend.
1504878317 91 php daytraders candlestick pattern hunter v1 0 by data ninja - PHP Daytrader's Candlestick Pattern Hunter v1.0 by data_ninja    GRAVESTONE DOJI (bearish) – A doji line that develops when the Doji is at, or very close to, the low of the day..
1504878317 708 php daytraders candlestick pattern hunter v1 0 by data ninja - PHP Daytrader's Candlestick Pattern Hunter v1.0 by data_ninja    HANGING MAN (bearish) – A dangling guy is a bearish candlestick development that paperwork on the finish of an uptrend. It is created when there’s a vital sell-off close to the marketplace open, however consumers are in a position to push this inventory again up in order that it closes close to (however underneath) the hole worth. Generally, the huge sell-off is observed as an early indication that the bulls (consumers) are shedding keep an eye on and insist for the asset is waning.
1504878317 789 php daytraders candlestick pattern hunter v1 0 by data ninja - PHP Daytrader's Candlestick Pattern Hunter v1.0 by data_ninja    PIERCING PATTERN (bullish) – A technical buying and selling sign this is marked by a final down day with a good-sized buying and selling vary, adopted by a buying and selling hole (drop) decrease the next day to come that covers no less than part of the upward duration of the day before today’s genuine frame (the variety between the hole and shutting costs), after which closes up for the day. A piercing development frequently indicators the top of a small to average downward development.
1504878317 91 php daytraders candlestick pattern hunter v1 0 by data ninja - PHP Daytrader's Candlestick Pattern Hunter v1.0 by data_ninja    DARK CLOUD (bearish) – A technical buying and selling sign this is marked by a final up day with a good-sized buying and selling vary, adopted by a buying and selling hole (upward push) upper the next day to come that covers no less than part of the downward duration of the day before today’s genuine frame (the variety between the hole and shutting costs), after which closes down for the day. A piercing development frequently indicators the top of a small to average upward development.
1504878317 721 php daytraders candlestick pattern hunter v1 0 by data ninja - PHP Daytrader's Candlestick Pattern Hunter v1.0 by data_ninja    BEARISH HARAMI (bearish) – A bearish Harami is a development indicated by a big inexperienced candlestick adopted by a way smaller crimson candlestick with a that frame is situated throughout the vertical vary of the bigger geen candle frame. Such a development is a sign that the former upward development is coming to an finish.
1504878317 91 php daytraders candlestick pattern hunter v1 0 by data ninja - PHP Daytrader's Candlestick Pattern Hunter v1.0 by data_ninja    BULLISH HARAMI (bullish) – A bullish Harami is a development indicated by a big crimson candlestick adopted by a way smaller inexperienced candlestick with a that frame is situated throughout the vertical vary of the bigger crimson candle frame. Such a development is a sign that the former downward development is coming to an finish.
1504878317 30 php daytraders candlestick pattern hunter v1 0 by data ninja - PHP Daytrader's Candlestick Pattern Hunter v1.0 by data_ninja    BULLISH ENGULFING (bullish) – A bullish engulfing development is a chart development that paperwork when a small crimson candlestick is adopted by a big inexperienced candlestick that absolutely eclipses or engulfs the former candlestick. The shadows or tails of the small candlestick are brief, which permits the frame of the huge candlestick to hide all the candlestick from the former cycle. Such a development is a sign that the former downward development is coming to an finish.
1504878317 181 php daytraders candlestick pattern hunter v1 0 by data ninja - PHP Daytrader's Candlestick Pattern Hunter v1.0 by data_ninja    BEARISH ENGULFING (bullish) – A bearish engulfing development is a chart development that paperwork when a small inexperienced candlestick is adopted by a big crimson candlestick that absolutely eclipses or engulfs the former candlestick. The shadows or tails of the small candlestick are brief, which permits the frame of the huge candlestick to hide all the candlestick from the former cycle. Such a development is a sign that the former downward development is coming to an finish.
1504878318 428 php daytraders candlestick pattern hunter v1 0 by data ninja - PHP Daytrader's Candlestick Pattern Hunter v1.0 by data_ninja    INVERTED HAMMER (bullish) – A doji line that develops when the Doji is at, or very close to, the low of the day.A doji line that develops when the Doji is at, or very close to, the low of the day.A doji line that develops when the Doji is at, or very close to, the low of the day. A doji line that develops when the Doji is at, or very close to, the low of the day. When this development happens all through a downtrend, it’s refered to as an inverted hammer, a bullish sign.
1504878318 504 php daytraders candlestick pattern hunter v1 0 by data ninja - PHP Daytrader's Candlestick Pattern Hunter v1.0 by data_ninja    SHOOTING STAR – A doji line that develops when the Doji is at, or very close to, the low of the day.A doji line that develops when the Doji is at, or very close to, the low of the day.A doji line that develops when the Doji is at, or very close to, the low of the day. A doji line that develops when the Doji is at, or very close to, the low of the day. When this development happens all through a downtrend, it’s refered to as an capturing celebrity, a bearish sign.
1504878318 914 php daytraders candlestick pattern hunter v1 0 by data ninja - PHP Daytrader's Candlestick Pattern Hunter v1.0 by data_ninja    MORNING STAR (bullish) – A morning celebrity is a bearish candlestick development consisting of 3 candles that experience demonstrated the next traits: the primary bar is a big crimson candlestick situated inside of an downtrend; the center bar is a small-bodied inexperienced candle, that closes underneath the primary crimson bar; and, the closing bar is a big inexperienced candle that opens underneath the center candle and closes close to the middle of the primary bar’s frame. This development is used by buyers as an early indication the downtrend is set to opposite.
1504878318 345 php daytraders candlestick pattern hunter v1 0 by data ninja - PHP Daytrader's Candlestick Pattern Hunter v1.0 by data_ninja    EVENING STAR (bearish) – An night time celebrity is a bearish candlestick development consisting of 3 candles that experience demonstrated the next traits: the primary bar is a big inexperienced candlestick situated inside of an uptrend; the center bar is a small-bodied crimson candle, that closes above the primary inexperienced bar; and, the closing bar is a big crimson candle that opens underneath the center candle and closes close to the middle of the primary bar’s frame. This development is used by buyers as an early indication the uptrend is set to opposite.
1504878318 526 php daytraders candlestick pattern hunter v1 0 by data ninja - PHP Daytrader's Candlestick Pattern Hunter v1.0 by data_ninja    BULLISH KICKER (bullish) – A two-bar candlestick development this is used to are expecting a metamorphosis within the course of the fashion for an asset’s worth. This development is characterised by an overly sharp reversal in worth over the span of 2 candlesticks; buyers use it to decide which workforce of marketplace members is in keep an eye on of the course. The bullish model is a two development from crimson to inexperienced.
1504878318 557 php daytraders candlestick pattern hunter v1 0 by data ninja - PHP Daytrader's Candlestick Pattern Hunter v1.0 by data_ninja    BEARISH KICKER (bearish) – A two-bar candlestick development this is used to are expecting a metamorphosis within the course of the fashion for an asset’s worth. This development is characterised by an overly sharp reversal in worth over the span of 2 candlesticks; buyers use it to decide which workforce of marketplace members is in keep an eye on of the course. The bearish model is a two development from inexperienced to crimson.

HOW DO YOU SET UP YOUR OWN PATTERNS?

The “real power” of this script is that it lets in the seasoned daytrader to create their very own customized candlestick patterns that this script then hunts for (in close to genuine time from any desktop, pc, pill or cellular pc/telephone).

To outline a customized development, merely edit the record known as config.php discovered within the php folder off the foundation (/php/config.php). In this record you’re going to to find the array ”$patternSettings” that incorporates the “out of the box” patterns this script searches for. See the former phase for the record.

To upload your individual development, merely upload to this array. The homes of every array object are lovely self explanatory. The closing 15 candlesticks to your chart are items you’ll reference in an “if condition” (see “eval” assets underneath) that defines your customized development. $cost is the thing of the latest candlestick created, $valueMinus1 is the former candlestick, $valueMinus2 is the only prior to that and so forth till $valueMinus15. The open, prime, low, shut values are simply homes within the object (e.g. $value->open, $valueMinus1->shut, $valueMinus15->prime…).

For instance, see underneath the definition for the bullish harami development:

array(
“ID”=>”blHaram”,
“eval” => “return ($valueMinus2->open > $valueMinus2->close && $valueMinus1->open > $valueMinus1->close && $valueMinus1->open > $value->close && $value->close > $value->open && $valueMinus1->close < $value->open);”,
“title” => “BH”,
“description” => “Bullish Harami”,
“color” => ”#7dd0b6”,
“text” => ‘&lttable style=’transparent:each;top:113px;width:400px;’><tr><td genre=’top:113px;width:70%;’>BULLISH HARAMI (bullish) – A bullish Harami is a development indicated by a big crimson candlestick adopted by a way smaller inexperienced candlestick with a that frame is situated throughout the vertical vary of the bigger crimson candle frame. Such a development is a sign that the former downward development is coming to an finish.

<img src=’http://candlestickhunter.dataninja.biz/img/pattern-bullishharami.png’></td></tr></table>’
),

NARRATIVE DESCRIPTION: Here is a story description of the definition above. First have a look at the guideline in “eval” assets. It says have a look at the 2 earlier candlesticks ($valueMinus1 and $valueMinus2) and ensure they’re in a downtrend (e.g. their shut values are lower than their opens). Then have a look at the present candle’s ($cost) shut and ensure it’s lower than the former candle’s ($valueMinus1) open and after all make certain present candle’s open is bigger than earlier one’s shut.

The remainder of the homes are lovely self explanatory:

ID – distinctive ID for the development
eval – (we simply taled about above)
identify – letters that seem within the flag
description – pleasant description of the development
colour – colour of the flag
textual content – html of what seems within the “hover” bubble for the patterns flag

HOW TO USE THE SCRIPT

  1. To set up/run the script, unzip the contents of the bought zip record into the foundation folder of your area/subdomain after which input URL in a browser(e.g. http://stocktracker.dataninja.biz or http://yourdomain.com or http://yoursubdomain.yourdomain.com, and many others)
    1504878318 649 php daytraders candlestick pattern hunter v1 0 by data ninja - PHP Daytrader's Candlestick Pattern Hunter v1.0 by data_ninja
  2. Enter the ticker symbols of the shares you wish to have to trace. They will also be from the next record of exchanges – (click on right here for all of the exchanges Tradier.com helps)
    1504878318 202 php daytraders candlestick pattern hunter v1 0 by data ninja - PHP Daytrader's Candlestick Pattern Hunter v1.0 by data_ninja
  3. Select the candlestick patterns you desire to this script to seek for. This is in keeping with the patterns outlined in /php/config.php record. (See directions on defining patterns in earlier phase)
    1504878318 235 php daytraders candlestick pattern hunter v1 0 by data ninja - PHP Daytrader's Candlestick Pattern Hunter v1.0 by data_ninja
  4. Select the period period of your candstick (e.g. 1 minute, five minute or 15 minute)
    1504878319 806 php daytraders candlestick pattern hunter v1 0 by data ninja - PHP Daytrader's Candlestick Pattern Hunter v1.0 by data_ninja
  5. Select the kind of transferring moderate you wish to have displayed to your chart (e.g. SMA – easy transferring moderate, EMA – exponential transferring moderate, and many others) They will also be from the next record (click on right here for all of the exchanges alphavantage.co helps). Moving averages are used by daytraders to decide strengthen and resistance ranges of shares. Graphing this cost is incorporated on this script (see orange strains)
    1504878319 439 php daytraders candlestick pattern hunter v1 0 by data ninja - PHP Daytrader's Candlestick Pattern Hunter v1.0 by data_ninja
  6. Select the transferring moderate duration to make use of for orange line (e.g. 10 day moderate, 15 day moderate, 30 or 60 or 90 or 120 day averages)
    1504878319 444 php daytraders candlestick pattern hunter v1 0 by data ninja - PHP Daytrader's Candlestick Pattern Hunter v1.0 by data_ninja

WHAT ARE THE SCRIPT’S KEY FEATURES?

1504878319 314 php daytraders candlestick pattern hunter v1 0 by data ninja - PHP Daytrader's Candlestick Pattern Hunter v1.0 by data_ninja
FEATURES – see blue squares above

  1. This script’s major panel is a mixture highstock chart (see highsoft.com) this is fed “near realtime” from two FREE inventory quote API calls. Realtime and ancient inventory worth knowledge comes from a provider known as Tradier (see tradier.com and the technical anlaysis (transferring averages, and many others) comes from a provider known as Alpha Vantage (see alphavantage.co). The mixture chart presentations inventory quote space line graph on best pane, a candlestick chart in the primary pane, quantity chart within the 3rd from best pane after which vary finder for all the chart within the backside pane. (the basis will also be discovered within the following Highstock demo web page – click on right here)
  2. Real time 1 minute, five minute and 15 minute candlesticks, generated as buying and selling day progresses.
  3. Candlesticks that observe outlined development are sought for and recognized by those round flags. Gray flag approach impartial conduct (e.g. doji’s), inexperienced flag approach bullish conduct (e.g. bullish engulfing, and many others), crimson flag approach bearish conduct (e.g. bearish engulfing)
  4. Mouseover (hover) over a flag and popup (tooltip) description of the development discovered is displayed.
  5. Technical indicator line charts (see orange line – e.g. easy transferring moderate, exponential transferring moderate) are overlayed on best of worth and candlestick charts, to lend a hand with figuring out ssupport and resistance ranges.
  6. Real time inventory worth quote in a space line chart
  7. Real time inventory quantity in a column chart
  8. Highstock vary selector to zoom out and in of chart’s date levels
  9. Highstock vary panning. For desktop/pc, use shift+leftmouse and drag to pan. For pill/cellular tool, use two finger swipe.
  10. More zooming – toggle to zoom in by highlighting space to zoom into.
  11. OHLC (open, prime low, shut) quote each five seconds
  12. Countdown to when subsequent candlestick gets generated
  13. Repsonsive nav bar to navigate to other shares’ charts
  14. Top menu icons for liding panels – settings, inventory quote element, candlestick realtime knowledge, development flags looked after by counts
<tbody>

</tbody>

1504878319 843 php daytraders candlestick pattern hunter v1 0 by data ninja - PHP Daytrader's Candlestick Pattern Hunter v1.0 by data_ninja    FUTURE IMPROVEMENTS – FROM THE NINJA
I would really like this to be the start of a chain of visualization
gear for day buyers. With all of the superb backend inventory making an investment
comparable internet services and products to be had lately, it might be nice to transport the
needle within the kinds of gear to be had for the impartial daytrader.

This would come with setting up a neighborhood (like open supply in tool) the place fellow buyers can lend a hand every different achieve success. Daytrading is sufficiently small that it does no longer wish to be 0 sum sport. e.g. everybody can win. From technical viewpoint, I want to see any capability present in those scripts (particularly genuine time feeds) integrated into my popuplar dashboard scripts.

-Data Ninja

AUTHOR’S NOTE ON SCRIPT: see weblog submit – Author’s Note: PHP Daytrader’s Candlestick Hunter

REMINDER ON EXTENDED LICENSES: Just a pleasant reminder that there are two other license ranges at codecanyon.web. The common license is for unmarried FREE consumer use. If you may have a couple of shoppers or charging shoppers for capability from this script, then a longer license is the best degree. It’s best honest as I do spend a large number of time tuning those scripts. And extra gross sales/revenues approach I will be able to code extra options and it has come to my consideration that many customers are the use of my script for business (for pay) functions with simply the common license. Thanks for you strengthen. Click for extra main points – Regular vs. Extended License Comparison

NOTE ON INSTALLATION

  • Purchase script from codecanyon.web
  • Unzip contents at the ROOT folder of your area or subdomain. DO NOT TRY TO RUN FROM A FOLDER IN YOUR DOMAIN. WILL NOT WORK
  • Sign up for API key from alphavantage.co and input within the /php/config.php record
  • Sign up for get entry to token from developer.tradier.com and input within the /php/config.php record
  • Sign up for a suitable highsoft license on your challenge (observe this script makes use of a hosted model of the highstock plug in. No set up important for highsoft plug in)
  • This script contains 100% of supply code. You can customise to combine into your tool/internet utility. Please see REMINDER ON EXTENDED LICENSES to remember to a buying the proper license degree.

SYSTEM REQUIREMENTS

  • Any browser that helps HTML5/Javascript, jQuery (2.1.four). Tested with Chrome Version 49.zero.2623.110 (64-bit), Safari Version five.1.7 (7534.57.2), Internet Explorer 11.zero.9600.18230, Firefox five.zero.2
  • A PHP/MySQL supported webserver is needed for jsfiddle options (preview, proportion, save) and render script choices #three and #four – click on right here for phpinfo for PHP/MySQL variations and configuration choices of the server serving up the demo. IMPORTANT: you should definitely evaluate with phpinfo of your set up. Many PHP/MySQL mistakes stem from configuration choices of shopper php server circumstances.
  • This script makes use of hosted libraries for Highsoft (code.highcharts.com, and many others) and no set up required. It does require you to acquire the best Highsoft (Highcharts, Highmaps, Highstock) license in keeping with your use. Click right here for main points.
  • See ‘Note on installation’ to put in this script to your server.

VERSION HISTORY – PHP Daytrader’s Candlestick Hunter

  • VERSION 1.zero (nine/four/2017) – Initial release model
  • 1504878319 314 php daytraders candlestick pattern hunter v1 0 by data ninja - PHP Daytrader's Candlestick Pattern Hunter v1.0 by data_ninja

  1. This script’s major panel is a mixture highstock chart (see highsoft.com) this is fed “near realtime” from two FREE inventory quote API calls. Realtime and ancient inventory worth knowledge comes from a provider known as Tradier (see tradier.com and the technical anlaysis (transferring averages, and many others) comes from a provider known as Alpha Vantage (see alphavantage.co). The mixture chart presentations inventory quote space line graph on best pane, a candlestick chart in the primary pane, quantity chart within the 3rd from best pane after which vary finder for all the chart within the backside pane. (the basis will also be discovered within the following Highstock demo web page – click on right here)
  2. Real time 1 minute, five minute and 15 minute candlesticks, generated as buying and selling day progresses.
  3. Candlesticks that observe outlined development are sought for and recognized by those round flags. Gray flag approach impartial conduct (e.g. doji’s), inexperienced flag approach bullish conduct (e.g. bullish engulfing, and many others), crimson flag approach bearish conduct (e.g. bearish engulfing)
  4. Mouseover (hover) over a flag and popup (tooltip) description of the development discovered is displayed.
  5. Technical indicator line charts (see orange line – e.g. easy transferring moderate, exponential transferring moderate) are overlayed on best of worth and candlestick charts, to lend a hand with figuring out ssupport and resistance ranges.
  6. Real time inventory worth quote in a space line chart
  7. Real time inventory quantity in a column chart
  8. Highstock vary selector to zoom out and in of chart’s date levels
  9. Highstock vary panning. For desktop/pc, use shift+leftmouse and drag to pan. For pill/cellular tool, use two finger swipe.
  10. More zooming – toggle to zoom in by highlighting space to zoom into.
  11. OHLC (open, prime low, shut) quote each five seconds
  12. Countdown to when subsequent candlestick gets generated
  13. Repsonsive nav bar to navigate to other shares’ charts
  14. Top menu icons for liding panels – settings, inventory quote element, candlestick realtime knowledge, development flags looked after by counts

My Other Scripts at Codecanyon:

– (BRAND NEW!!!) PHP Uber-style GeoTracker
– PHP Dashboard v4.zero Collaborative Social Dashboards
– PHP Dashboard v2.7 – Responsive Carousels/D3js/Highcharts/Highmaps/MySQL
– PHP Dashboard v3.zero – For Mobile Devices
– HTML5 Cloud Dashboard Designer
– HTML5 Streetmaps
– PHP Streetmaps

Check Also

Css3 Responsive MultiLevel DropDown Navigation Menu By Naushad 786 Ali

Css3 Responsive MultiLevel DropDown Navigation Menu by naushad_786_ali

Css3 Responsive MultiLevel DropDown Navigation Menu by naushad_786_ali. This Responsive Menu is a navigation element …