A Pen by Muhammad Zaghum

Developer
Muhammad Zaghum
Size
5,386 Kb
Views
28,336
  1. A Pen by Muhammad Zaghum Previews
  2. A Pen by Muhammad Zaghum HTML Codes

How do I make an a pen by muhammad zaghum?

What is a a pen by muhammad zaghum? How do you make a a pen by muhammad zaghum? This script and codes were developed by Muhammad Zaghum on 18 August 2022, Thursday.

A Pen by Muhammad Zaghum Previews
IQ Test

A Pen by Muhammad Zaghum - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Muhammad Zaghum</title>
</head>
<body> <!DOCTYPE html>
<html lang="en">
<head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="description" content=""> <meta name="keywords" content=""> <meta charset="utf-8"> <title>Chat with Madison</title> <link rel="stylesheet" href="http://localhost/match2/vendor/fontawesome/css/font-awesome.min.css"> <link rel="stylesheet" href="http://localhost/match2/vendor/simple-line-icons/css/simple-line-icons.css"> <link rel="stylesheet" href="http://localhost/match2/vendor/animate.css/animate.min.css"> <link rel="stylesheet" href="http://localhost/match2/vendor/loaders.css/loaders.css"> <link rel="stylesheet" href="http://localhost/match2/app/css/bootstrap.css" id="bscss"> <link rel="stylesheet" href="http://localhost/match2/vendor/sweetalert/dist/sweetalert.css"> <link rel="stylesheet" href="http://localhost/match2/app/css/app.css" id="maincss"> <link rel="stylesheet" href="http://localhost/match2/app/css/theme-red.css"> <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,700' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="http://localhost/match2/app/css/custom.css"> <script type="text/javascript"> function changemethod() { var payment_method = $('#payment_method').val(); var energy_amount = $('#energy'); if (payment_method == 'sms') { energy_amount.hide(); } else { energy_amount.show(); } } function selectGift(id) { for (var i = 1; i <= 16; i++) { if (id != i) { $('#gift' + i).css('background', 'none'); } else { $('#gift' + i).css('background', '#e5e5e5'); } }; $('#giftValue').val(id); } </script>
</head>
<body class="layout-full"> <div class="wrapper"> <header class="topnavbar-wrapper"> <nav role="navigation" class="navbar topnavbar"> <div class="navbar-header"> <a href="http://localhost/match2/app/people" class="navbar-brand"> <div class="brand-logo"> <img src="http://localhost/match2/app/img/logo.png" alt="Logo" class="img-responsive"> </div> <div class="brand-logo-collapsed"> </div> </a> </div> <div class="nav-wrapper"> <ul class="nav navbar-nav"> <li> <a href="#" data-toggle-state="aside-toggled" data-no-persist="true" class="visible-xs sidebar-toggle"> <em class="fa fa-navicon"></em> </a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li> <a href="http://localhost/match2/app/upgrades"> <i class="icon-energy"></i> 150 </a> </li> <li> <a href="http://localhost/match2/app/admin/index.php"> <i class="icon-wrench"></i> &nbsp Admin </a> </li> <li class="dropdown dropdown-list"> <a href="#" data-toggle="dropdown"> <span class="lang-selected"> <img class="lang-flag" src="http://localhost/match2/app/languages/english/icon.png"> <!--<span class="lang-name"></span>--> </span> </a> <ul class="dropdown-menu animated flipInX"> </li> <li> <a href="?set-lang=bulgarian" style="padding-bottom:10px;padding-top:10px;"> <img class="lang-flag" src="http://localhost/match2/app/languages/bulgarian/icon.png"> <span class="lang-name">Bulgarian</span> </a> </li> <li> <a href="?set-lang=dutch" style="padding-bottom:10px;padding-top:10px;"> <img class="lang-flag" src="http://localhost/match2/app/languages/dutch/icon.png"> <span class="lang-name">Dutch</span> </a> </li> <li> <a href="?set-lang=french" style="padding-bottom:10px;padding-top:10px;"> <img class="lang-flag" src="http://localhost/match2/app/languages/french/icon.png"> <span class="lang-name">French</span> </a> </li> <li> <a href="?set-lang=german" style="padding-bottom:10px;padding-top:10px;"> <img class="lang-flag" src="http://localhost/match2/app/languages/german/icon.png"> <span class="lang-name">German</span> </a> </li> <li> <a href="?set-lang=polish" style="padding-bottom:10px;padding-top:10px;"> <img class="lang-flag" src="http://localhost/match2/app/languages/polish/icon.png"> <span class="lang-name">Polish</span> </a> </li> <li> <a href="?set-lang=romanian" style="padding-bottom:10px;padding-top:10px;"> <img class="lang-flag" src="http://localhost/match2/app/languages/romanian/icon.png"> <span class="lang-name">Romanian</span> </a> </li> <li> <a href="?set-lang=spanish" style="padding-bottom:10px;padding-top:10px;"> <img class="lang-flag" src="http://localhost/match2/app/languages/spanish/icon.png"> <span class="lang-name">Spanish</span> </a> </li> </ul> </li> <li class="dropdown dropdown-list" onclick="readNotifications(20)"> <a href="#" data-toggle="dropdown"> <em class="icon-bell"></em> <div class="label label-danger" id="notifications_number">0</div> </a> <ul class="dropdown-menu animated flipInX"> <li> <div class="list-group"> <!-- list item--> <a href="http://localhost/match2/app/chat/12" class="list-group-item"> <div class="media-box"> <div class="pull-left"> <em class="fa fa-comment fa-2x"></em> </div> <div class="media-box-body clearfix"> <p class="m0"><b> Madison Beer </b> messaged you</p> <p class="m0 text-muted"> <small>19 hours ago</small> </p> </div> </div> </a> <!-- list item--> <a href="http://localhost/match2/app/profile/19" class="list-group-item"> <div class="media-box"> <div class="pull-left"> <em class="fa fa-thumbs-up fa-2x"></em> </div> <div class="media-box-body clearfix"> <p class="m0"><b>Justin Bieber</b> liked your profile</p> <p class="m0 text-muted"> <small>5 months ago</small> </p> </div> </div> </a> <!-- list item--> <a href="http://localhost/match2/app/my-friends" class="list-group-item"> <div class="media-box"> <div class="pull-left"> <em class="fa fa-user-plus fa-2x"></em> </div> <div class="media-box-body clearfix"> <p class="m0"><b>Justin Bieber</b> sent you a friend request</p> <p class="m0 text-muted"> <small>5 months ago</small> </p> </div> </div> </a> <!-- list item--> <a href="http://localhost/match2/app/profile/12" class="list-group-item"> <div class="media-box"> <div class="pull-left"> <em class="fa fa-thumbs-up fa-2x"></em> </div> <div class="media-box-body clearfix"> <p class="m0"><b>Madison Beer</b> liked your profile</p> <p class="m0 text-muted"> <small>5 months ago</small> </p> </div> </div> </a> </div> </li> </ul> </li> <li> <a href="http://localhost/match2/app/logout.php"> <em class="icon-logout"></em> </a> </li> <li> <a href="#" data-toggle-state="offsidebar-open" data-no-persist="true"> <em class="icon-bubbles"></em> </a> </li> </ul> </div> </nav> </header> <section> <div class="content-wrapper"> <h3><a href="http://localhost/match2/app/profile/12" style="color:#929292;text-decoration:none;">Madison Beer</a> <span class="circle circle-danger circle-lg" style="margin:0px;margin-left:4px;"></span> <a data-toggle="modal" data-target="#reportUser" class="btn btn-danger pull-right"> <i class="fa fa-flag fa-fw"></i> Report </a> </h3> <div class="container-fluid"> <div class="col-md-12"> <div class="panel panel-default"> <div class="panel-heading"> <div class="panel-title">Chat </div> </div> <div data-height="300" data-scrollable="" class="list-group"> <div id="messages"> <a href="#" class="list-group-item"> <div class="media-box"> <div class="pull-left"> <img src="http://localhost/match2/app/uploads/7d5a45905c1af6675cba9e1f4e4f9a1aZ.jpg" class="media-box-object img-rounded thumb32"> </div> <div class="media-box-body clearfix"> <small class="pull-right">5 months ago</small> <strong class="media-box-heading text-primary"> Dave Franco</strong> <p class="mb-sm"> <small>Hey, Madison! How are you today? <img src="http://localhost/match2/app/img/emoticons/Crazy.png" class="emoticon"> <img src="http://localhost/match2/app/img/emoticons/Wink.png" class="emoticon"> <img src="http://localhost/match2/app/img/emoticons/Heart.png" class="emoticon"></small> </p> </div> </div> </a> <a href="#" class="list-group-item"> <div class="media-box"> <div class="pull-left"> <img src="http://localhost/match2/app/uploads/181d2dc26cdaaa5f45bd10b3b881090c9k=.jpg" class="media-box-object img-rounded thumb32"> </div> <div class="media-box-body clearfix"> <small class="pull-right">5 months ago</small> <strong class="media-box-heading text-primary"> Madison Beer</strong> <p class="mb-sm"> <small>I am great, what about you? <img src="http://localhost/match2/app/img/emoticons/Smile.png" class="emoticon"> <img src="http://localhost/match2/app/img/emoticons/Kiss.png" class="emoticon"></small> </p> </div> </div> </a> <a href="#" class="list-group-item"> <div class="media-box"> <div class="pull-left"> <img src="http://localhost/match2/app/uploads/7d5a45905c1af6675cba9e1f4e4f9a1aZ.jpg" class="media-box-object img-rounded thumb32"> </div> <div class="media-box-body clearfix"> <small class="pull-right">5 months ago</small> <strong class="media-box-heading text-primary"> Dave Franco</strong> <p class="mb-sm"> <small>Just the usual stuff.. my life is boring as hell <img src="http://localhost/match2/app/img/emoticons/Frown.png" class="emoticon"> <img src="http://localhost/match2/app/img/emoticons/Laughing.png" class="emoticon"> <img src="http://localhost/match2/app/img/emoticons/Laughing.png" class="emoticon"></small> </p> </div> </div> </a> <a href="#" class="list-group-item"> <div class="media-box"> <div class="pull-left"> <img src="http://localhost/match2/app/uploads/7d5a45905c1af6675cba9e1f4e4f9a1aZ.jpg" class="media-box-object img-rounded thumb32"> </div> <div class="media-box-body clearfix"> <small class="pull-right">5 months ago</small> <strong class="media-box-heading text-primary"> Dave Franco</strong> <p class="mb-sm"> <small>Want to meet up tomorrow?</small> </p> </div> </div> </a> <a href="#" class="list-group-item"> <div class="media-box"> <div class="pull-left"> <img src="http://localhost/match2/app/uploads/181d2dc26cdaaa5f45bd10b3b881090c9k=.jpg" class="media-box-object img-rounded thumb32"> </div> <div class="media-box-body clearfix"> <small class="pull-right">19 hours ago</small> <strong class="media-box-heading text-primary"> Madison Beer</strong> <p class="mb-sm"> <small>hello</small> </p> </div> </div> </a> <a href="#" class="list-group-item"> <div class="media-box"> <div class="pull-left"> <img src="http://localhost/match2/app/uploads/7d5a45905c1af6675cba9e1f4e4f9a1aZ.jpg" class="media-box-object img-rounded thumb32"> </div> <div class="media-box-body clearfix"> <small class="pull-right">19 hours ago</small> <strong class="media-box-heading text-primary"> Dave Franco</strong> <p class="mb-sm"> <small>oye</small> </p> </div> </div> </a> </div> </div> <div class="panel-footer clearfix has-feedback"> <div class="input-group"> <input type="text" id="message" placeholder="Enter your message" class="form-control input-sm" required> <span class="input-group-btn"> <button class="btn btn-default btn-sm" onclick="sendMessage()"><i class="fa fa-send-o"></i></button> <a id="emoticonsShow" data-toggle="modal" data-target="#emoticonList" class="btn btn-default btn-sm"><i class="fa fa-smile-o"></i></a> <a data-toggle="modal" data-target="#sendGift" class="btn btn-default btn-sm"><i class="fa fa-gift"></i></a> </span> </div> </div> </div> </div> </div> </div> </section> <footer> <span>&copy; 2016 - MatchMe</span> <span class="pull-right"> <a href="http://localhost/match2/app/page/1" style="color:#656565;">Privacy Policy</a> - <a href="http://localhost/match2/app/page/2" style="color:#656565;">Terms of Use</a> </span> </footer> </div> <script src="http://localhost/match2/vendor/modernizr/modernizr.js"></script> <script src="http://localhost/match2/vendor/jquery/dist/jquery.js"></script> <script src="http://localhost/match2/vendor/bootstrap/dist/js/bootstrap.js"></script> <script src="http://localhost/match2/vendor/jQuery-Storage-API/jquery.storageapi.js"></script> <script src="http://localhost/match2/vendor/animo.js/animo.js"></script> <script src="http://localhost/match2/vendor/sweetalert/dist/sweetalert.min.js"></script> <script src="http://localhost/match2/app/js/app.js"></script> <script type="text/javascript"> function readNotifications(id) { $.get("http://localhost/match2/app/ajax/readNotifications.php?id=" + id, function(data) { var unread = parseInt("0"); var willread = parseInt("4"); if (unread > willread) { $("#notifications_number").text(unread - willread); } }); } function sendFriendRequest(user1, user2) { $.get("http://localhost/match2/app/ajax/sendFriendRequest.php?user1=" + user1 + "&user2=" + user2, function(data) { $("#addFriend").html(data); }); } $('.loader-inner').show(); $(window).bind('load', function() { $('.loader-inner').hide(); $('.container-fluid').fadeIn('slow'); }); $('.has-user-block').animo({ animation: 'fadeIn' }); $('.user-picture').animo({ animation: 'fadeIn' }); </script> <script src="http://localhost/match2/vendor/slimScroll/jquery.slimscroll.min.js"></script> <script type="text/javascript"> function refreshChat() { var id = "1"; var receiver = "Madison"; $.get("http://localhost/match2/app/ajax/refreshChat.php?id=" + id + "&receiver=" + receiver, function(data) { $("#messages").html(data); }); $(".list-group").scrollTop($("#messages")[0].scrollHeight); } window.setInterval(function() { refreshChat(); }, 1000); function sendMessage() { var user2 = "12"; var message = $("#message"); if (message.val() != "" && message.val() != " ") { $.get("http://localhost/match2/app/ajax/sendMessage.php?id=" + user2 + "&msg=" + encodeURIComponent(message.val()), function(data) { $("#messages").html(data); message.val(""); }); } } $(document).keypress(function(e) { if (e.which == 13) { sendMessage(); } }); function appendToMessage(str) { var message = $("#message"); message.val(message.val() + " " + str); $("#emoticonList").modal("hide"); } </script> <div class="modal fade" id="emoticonList" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <form action="" method="post"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span> </button> <h4 class="modal-title" id="myModalLabel">Emoticons</h4> </div> <div class="modal-body"> <img src="http://localhost/match2/app/img/emoticons/Smile.png" class="emoticon" onclick="appendToMessage(':)')"> <img src="http://localhost/match2/app/img/emoticons/Wink.png" class="emoticon" onclick="appendToMessage(';)')"> <img src="http://localhost/match2/app/img/emoticons/Laughing.png" class="emoticon" onclick="appendToMessage(':D')"> <img src="http://localhost/match2/app/img/emoticons/Heart.png" class="emoticon" onclick="appendToMessage('<3')"> <img src="http://localhost/match2/app/img/emoticons/Crazy.png" class="emoticon" onclick="appendToMessage(':P')"> <img src="http://localhost/match2/app/img/emoticons/Money-Mouth.png" class="emoticon" onclick="appendToMessage(':$')"> <img src="http://localhost/match2/app/img/emoticons/Kiss.png" class="emoticon" onclick="appendToMessage(':*')"> <img src="http://localhost/match2/app/img/emoticons/Frown.png" class="emoticon" onclick="appendToMessage(':(')"> <img src="http://localhost/match2/app/img/emoticons/Sealed.png" class="emoticon" onclick="appendToMessage(':X')"> <img src="http://localhost/match2/app/img/emoticons/Cool.png" class="emoticon" onclick="appendToMessage('8|')"> <img src="http://localhost/match2/app/img/emoticons/Thumbs-Up.png" class="emoticon" onclick="appendToMessage('(y)')"> <img src="http://localhost/match2/app/img/emoticons/Innocent.png" class="emoticon" onclick="appendToMessage('O:]')"> <img src="http://localhost/match2/app/img/emoticons/Gasp.png" class="emoticon" onclick="appendToMessage(':O')"> <img src="http://localhost/match2/app/img/emoticons/Naughty.png" class="emoticon" onclick="appendToMessage('3:]')"> <img src="http://localhost/match2/app/img/emoticons/Nerd.png" class="emoticon" onclick="appendToMessage('8-)')"> <img src="http://localhost/match2/app/img/emoticons/HeartEyes.png" class="emoticon" onclick="appendToMessage('V_V')"> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </form> </div> </div> <div class="modal fade" id="sendGift" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <form action="" method="post"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span> </button> <h4 class="modal-title" id="myModalLabel">Send Gift</h4> </div> <div class="modal-body"> <div class="alert alert-warning"> <i class="fa fa-info-circle fa-fw"></i> <a href="http://localhost/match2/app/upgrades" style="color:#fff;"> Each gift costs <b>50 Energy</b> </a> </div> <div id="giftSelection" data-height="200" data-scrollable=""> <div class="col-md-12"> <div class="row"> <div class="col-md-3"><img src="http://localhost/match2/app/img/gifts/1.png" id="gift1" class="giftImage img-responsive" onclick="selectGift(1)"> </div> <div class="col-md-3"><img src="http://localhost/match2/app/img/gifts/2.png" id="gift2" class="giftImage img-responsive" onclick="selectGift(2)"> </div> <div class="col-md-3"><img src="http://localhost/match2/app/img/gifts/3.png" id="gift3" class="giftImage img-responsive" onclick="selectGift(3)"> </div> <div class="col-md-3"><img src="http://localhost/match2/app/img/gifts/4.png" id="gift4" class="giftImage img-responsive" onclick="selectGift(4)"> </div> </div> <div class="row"> <div class="col-md-3"><img src="http://localhost/match2/app/img/gifts/5.png" id="gift5" class="giftImage img-responsive" onclick="selectGift(5)"> </div> <div class="col-md-3"><img src="http://localhost/match2/app/img/gifts/6.png" id="gift6" class="giftImage img-responsive" onclick="selectGift(6)"> </div> <div class="col-md-3"><img src="http://localhost/match2/app/img/gifts/7.png" id="gift7" class="giftImage img-responsive" onclick="selectGift(7)"> </div> <div class="col-md-3"><img src="http://localhost/match2/app/img/gifts/8.png" id="gift8" class="giftImage img-responsive" onclick="selectGift(8)"> </div> </div> <div class="row"> <div class="col-md-3"><img src="http://localhost/match2/app/img/gifts/9.png" id="gift9" class="giftImage img-responsive" onclick="selectGift(9)"> </div> <div class="col-md-3"><img src="http://localhost/match2/app/img/gifts/10.png" id="gift10" class="giftImage img-responsive" onclick="selectGift(10)"> </div> <div class="col-md-3"><img src="http://localhost/match2/app/img/gifts/11.png" id="gift11" class="giftImage img-responsive" onclick="selectGift(11)"> </div> <div class="col-md-3"><img src="http://localhost/match2/app/img/gifts/12.png" id="gift12" class="giftImage img-responsive" onclick="selectGift(12)"> </div> </div> <div class="row"> <div class="col-md-3"><img src="http://localhost/match2/app/img/gifts/13.png" id="gift13" class="giftImage img-responsive" onclick="selectGift(13)"> </div> <div class="col-md-3"><img src="http://localhost/match2/app/img/gifts/14.png" id="gift14" class="giftImage img-responsive" onclick="selectGift(14)"> </div> <div class="col-md-3"><img src="http://localhost/match2/app/img/gifts/15.png" id="gift15" class="giftImage img-responsive" onclick="selectGift(15)"> </div> <div class="col-md-3"><img src="http://localhost/match2/app/img/gifts/16.png" id="gift16" class="giftImage img-responsive" onclick="selectGift(16)"> </div> </div> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="submit" name="send_gift" class="btn btn-danger">Continue</button> </div> </div> <input type="hidden" id="giftValue" name="giftValue"> </form> </div> </div> <div class="modal fade" id="reportUser" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <form action="" method="post"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span> </button> <h4 class="modal-title" id="myModalLabel">Report Madison </div> <div class="modal-body"> <textarea name="reason" class="form-control" placeholder="Why do you want to report this user?"></textarea> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="submit" name="report_user" class="btn btn-danger">Report</button> </div> </div> </form> </div> </div> </body> </html>
</body>
</html>
A Pen by Muhammad Zaghum - Script Codes
A Pen by Muhammad Zaghum - Script Codes
Home Page Home
Developer Muhammad Zaghum
Username Aq_Products
Uploaded August 18, 2022
Rating 3
Size 5,386 Kb
Views 28,336
Do you need developer help for A Pen by Muhammad Zaghum?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Muhammad Zaghum (Aq_Products) Script Codes
Name
Create amazing Facebook ads with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!