-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
141 lines (111 loc) · 11.8 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Product Authentication using BlockChain</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/web3@latest/dist/web3.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">PRODUCT AUTHENTICATION</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">HOME <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" id="about_us" onclick="about_us()" >ABOUT US</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
TRENDING COMANIES
</a>
<ul class="dropdown-menu" id="dropdown" aria-labelledby="navbarDropdown">
</ul>
</li>
<li> </li>
<li class="nav-item w-175">
<div class="form-inline my-2 my-lg-0">
<input id="search-key" id="search" class="form-control mr-sm-2 " type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-dark my-2 my-sm-0" onclick="search();" type="submit">Search</button>
</div>
</li>
<li> </li>
</div>
</nav>
<div class="button-div">
<button id="btn" onclick="barcode();">SCAN HERE</button>
</div>
<div class="camera-div">
<div id="camera"></div>
<p>*place the barcode here....</p>
</div>
<div class="spinner">
<img src="26.gif" alt="loading...">
</div>
<button id="goto-top"><i id="arrow" class="fas fa-arrow-up"></i></button>
<div style="margin-top: 900px;">
</div>
<div id="about-us">
<h1>About Us</h1>
Doing SEO and keyword research? Your marketing software should be able to help. But if it can't (or you'd like to augment your data), Google's Webmaster Tools can be a great help. You can check things like the number of indexed pages on your website, submit your site to Google so you're getting crawled and indexed, and even disavow bad inbound links. It also can give you information on search queries that have a large volume of impressions but low clickthrough rate.
Within Google Webmaster Tools, go to "Your site on the web" and choose "Search queries." You'll see a table showing a search query, impressions, clicks, and clickthrough rate (CTR). Comparing this data to your other analytics data can help uncover some opportunities.
4) Percentage Change Calculator
I can't even begin to tell you how useful this little calculator is when looking for and analyzing data. Ever want to know the percentage change of two values without having to remember the formula? Simply enter the two values into this calculator, and it'll spit out the percentage change. Trust me, you'll want to bookmark this one.
Here are a few other handy calculators:
3-Way Percentage Calculator – Calculates answers to these questions: What is X% of Y? X is what percent of Y? X is Y% of what?
Conversion Rate Calculator – Spits out a conversion rate when you enter the total visitor count during a specific time frame and the number of times during that time frame those visitors took a specific action.
A/B Test Calculator – Works for a basic scenario with two groups of people (A & B) who get to see one version of your website and for whom you track the number of conversions or goals (purchases, downloads, clickthroughs, etc.).
ROI Calculator – Analyzes your website's monthly sales and lead generation efforts to determine ways in which marketing efforts can be optimized.
5) Atlas
Atlas is Quartz's data center, and it's chock-full of graphs, charts, and data visualizations. You can search for almost any topic or keyword, and Atlas will have a graphic based on recent research data for you. This is a great tool to get background information on a topic you're researching, or to find fresh data to use in a project you're working on. Here's a chart based on data from early 2016:
atlas dogs.pngSource: Atlas
6) Search in a Giphy
You know that coworker who always seems to find the perfect animated GIFs for your social posts or internal chat client? With the free Giphy Chrome extension, you'll be able to find great GIFs just as quickly.
To use the tool, all you have to do is open the extension in Chrome, search, choose a GIF, and drag and drop. So far, the tool works in Gmail, Twitter, Facebook, and more -- and they're constantly expanding support.
search-in-a-giphy.png
For Writers
7) Evernote
I use the free version of Evernote every single day. From to-do lists and research notes to writing entire chunks of articles, it's proven helpful at every step of the writing and editing process.
One great feature? Its mobile, desktop, and web apps sync automatically as long as you have an internet connection. (And if you work offline, it'll sync the next time you have internet.) Plus -- and this is super important for content creators like us -- it's constantly saving and syncing your work automatically, making it a safe place to write and store ideas.
Use it to keep a running list of ideas, take notes, store inspiring articles or ebooks, or plan your editorial and social media publishing calendars.
evernote-screenshot.png
8) Word2CleanHTML
If you like drafting blog posts in programs like Microsoft Word, Evernote, or Google Drive instead of your content management system (CMS), then this simple tool can be your best friend. Why? Because when you copy a document from Microsoft Office and paste it into your CMS, lots of little, weird formatting issues can crop up in your HTML.
Word2CleanHTML applies filters to fix all those things added into the HTML, resulting in well-formatted HTML you can paste directly into a web page CMS. Simply paste in your draft, click one button, and then copy the resulting HTML straight from the tool. When you paste that into your CMS (most will have buttons reading "HTML" or "</>" in their tool bar above your draft), it will appear nice and clean. No hair-pulling or swimming through code required.
9) WordCounter
There is no "right answer" for how long a blog post should be. As long as it serves its purpose -- whether that's thought leadership, driving leads, explaining a new concept, or something else -- length doesn't matter. But although we don't recommend writing blog posts with a word count in mind, sometimes word count can come in handy. WordCounter works exactly the way you think it does: Paste in your content and it'll spit out exactly how many words you have.
10) Cofftivity
According to a study out of the University of Chicago, "A moderate level of ambient noise is conducive to creative cognition." In other words, being the tiniest bit distracted actually helps you be more creative. That's why for many people, myself included, white noise helps promote focus.
There are a lot of white noise generators out there, but my favorite is Cofftivity. This particular one offers non-stop café background sounds at varying intensities, from "Morning Murmur" and "University Undertones" to "Lunchtime Lounge" and "Brazil Bistro." It's available on the web and as an app on iOS and Android.
11) & 12) Zerys & eLance
Need to start creating content but don't have the bandwidth? We hear about this roadblock a lot. One way to get around it is by hiring freelancers from reputable marketplaces like Zerys or eLance. These resources give you access to skilled freelance writers who can write blog posts, ebooks, whitepapers, and other pieces of written content for you.
13) HTML Hacks for Marketers
While this isn't strictly a writing resource, basic coding knowledge is quickly becoming a must-have skill for the modern marketer -- bloggers and written content creators included. But learning from scratch can be daunting. Where on earth do you start?
If you're a total beginner, start with HTML Hacks for Marketers, which my colleagues at HubSpot created with Codeacademy. It'll teach you quick but useful hacks anyone -- regardless of coding knowledge -- can use in their marketing. For example, you'll learn how to make small changes to HTML like altering headers and spacing, creating text in block-quote form, and inserting social share links. My personal favorite is the hack to change font colors.
Once you've mastered these basic HTML skills, move on to Codeacademy's free interactive courses. They found a way to make learning HTML and CSS actually fun -- and you can go through each lesson at your own pace.
14) Blog Topic Generator
If you need to get to writing blog posts but aren't sure of an angle or title to get your creativity moving, HubSpot's Blog Topic Generator can do the work for you. Simply enter a few keywords that your blog focuses on, and the Blog Topic Generator will produce a week's worth of titles and topic ideas for you. It might not produce the final title of your blog post, but it helps get you thinking about creative new angles for topics you've written about before.
Here are the blog post titles I received when I entered "content," "inbound marketing," and "blogging":
generator_contentcreation.png
15) Blog Post Templates
All blog posts aren't created equal, but we've found that there are steps you can take to make your posts comprehensive and shareable. With these blog post templates, we'll walk you through an outline to write successful how-to, listicle, newsjack, and curation blog posts. Instead of starting from scratch, you'll save time and, hopefully, nail your blog goals.
</div>
<!-- CDN -->
<script src="quagga.min.js"></script>
<script src="script.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-2.2.4.js" integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI=" crossorigin="anonymous"></script>
</body>
</html>