API tools faq
paste
Advertisement
TheiPhoneFan

Flex Box Max-Width Images

TheiPhoneFan
Mar 20th, 2024
733
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 20.03 KB | None | 0 0
raw download clone embed print report
  1. <!-- Created by TheiPhoneFan on 2024-03-10 -->
  2. <!-- Scam Avoidance Tips 6.0.3, 2022-2024 -->
  3. <!DOCTYPE HTML>
  4. <html>
  5.  
  6. <head>
  7.     <style>
  8.         .amazon-website-comp-img {
  9.             width: 1200px;
  10.             max-width: 100%;
  11.             border-radius: 12px;
  12.             border: 1px solid #000000;
  13.         }
  14.  
  15.         .fake-real-surveys {
  16.             max-width: 600px;
  17.             border-radius:12px;
  18.             border: 1px solid #000000;
  19.         }
  20.         @media (max-width: 950px) { /* If the screen with is less than 6 inches (576 px), the content will display in a column. */
  21.             .fake-real-surveys {
  22.                 max-width: 100%;
  23.             }
  24.         }
  25.         .fake-real-surveys-caption {
  26.             max-width: 600px;
  27.             margin-top: 10px;
  28.         }
  29.         @media (max-width: 950px) { /* If the screen with is less than 6 inches (576 px), the content will display in a column. */
  30.             .flex-box {
  31.                 flex-direction: column;
  32.             }
  33.         }
  34.     </style>
  35.     <!-- External Font -->
  36.     <link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,700,900" rel="stylesheet" type="text/css">
  37.     <!-- Stylesheet Link -->
  38.     <link rel="stylesheet" href="../theme/article.css">
  39.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  40.     <!-- Favicon Image Link -->
  41.     <link rel="icon" type="image/x-png" href="../logos/tif-logo.png">
  42.     <!-- Scales Website Content -->
  43.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  44.     <!-- Enables Unicode Characters To Be Displayed -->
  45.     <meta charset="UTF-8">
  46.     <!-- SEO -->
  47.     <title>Avoiding Scams: Use These Helpful Tips To Safeguard Yourself</title>
  48.     <meta name="description" content="Learn valuable scam avoidance tips to safeguard yourself from online scams. Discover common scams, recognize fake websites, and avoid falling victim to phishing attempts. Stay informed and protect your personal information." />
  49.     <meta name="keywords" content="Scam avoidance tips, Online scam prevention, Recognizing fake websites, Avoiding phishing scams, Common online scams, Protect personal information online, Cybersecurity awareness, Internet safety tips, Scam info updates, Online security best practices" />
  50. </head>
  51.  
  52. <body>
  53.     <!-- Top Bar -->
  54.     <div class="navbar">
  55.         <!-- Site Title -->
  56.         <a href="../index.html" style="background-color:transparent;cursor:pointer;color:black;"><b>TheiPhoneFan.com</b></a>
  57.  
  58.         <!-- Home -->
  59.         <a href="../index.html">Home <img src="../theme/glyphs/home.png" height="15" alt="home"></a>
  60.  
  61.         <!-- Channel Related Dropdown -->
  62.         <div class="dropdown">
  63.             <button class="dropbtn" title="dropdown">Channel Related <i class="fa fa-caret-down"></i></button>
  64.             <div class="dropdown-content">
  65.                 <a href="../channel-related.html" style="border-radius: 16px 16px 0px 0px;"><b>Channel Related</b> <img src="../theme/glyphs/triangle.png" height="15" alt="channel related"></a>
  66.                 <a href="https://www.youtube.com/@theiphonefan761/about">Channel Info <img src="../theme/glyphs/channel-info.png" height="15" alt="channel info"></a>
  67.                 <a href="../music-i-use.html">Music I Use <img src="../theme/glyphs/music-i-use.png" height="15" alt="music i use"></a>
  68.                 <a href="../my-playlists.html">My Playlists <img src="../theme/glyphs/triangle.png" height="15" alt="my playlists"></a>
  69.                 <a href="../my-top-5-vids.html">My Top 5 Vids <img src="../theme/glyphs/triangle.png" height="15" alt="top 5 vids"></a>
  70.                 <a href="../my-videos.html">My Videos <img src="../theme/glyphs/triangle.png" height="15" alt="my videos"></a>
  71.                 <a href="../thumbnail-design.html" style="border-radius: 0px 0px 16px 16px;">Thumbnail Design <img src="../theme/glyphs/thumbnail-design.png" height="15" alt="thumbnail design"></a>
  72.             </div>
  73.         </div>
  74.  
  75.         <!-- Content Dropdown -->
  76.         <div class="dropdown" title="dropdown">
  77.             <button class="dropbtn">Content <i class="fa fa-caret-down"></i></button>
  78.             <div class="dropdown-content">
  79.                 <a href="../content.html" style="border-radius: 16px 16px 0px 0px;"><b>Content</b></a>
  80.                 <a href="../apple-archive.html">Apple Archive <img src="../theme/glyphs/apple.png" height="15" alt="apple archive"></a>
  81.                 <a href="../apple-concepts.html">Apple Concepts <img src="../theme/glyphs/apple.png" height="15" alt="apple concepts"></a>
  82.                 <a href="../articles.html">Articles <img src="../theme/glyphs/articles.png" height="15" alt="articles"></a>
  83.                 <a href="../blog.html">Blog <img src="../theme/glyphs/blog.png" height="15" alt="blog"></a>
  84.                 <a href="../clipart.html">Clipart <img src="../theme/glyphs/clipart.png" height="15" alt="clipart"></a>
  85.                 <a href="../my-photography.html">My Photography <img src="../theme/glyphs/my-photography.png" height="15" alt="my photography"></a>
  86.                 <a href="../wallpapers.html" style="border-radius: 0px 0px 16px 16px;">Wallpapers <img src="../theme/glyphs/wallpapers.png" height="20" alt="wallpapers"></a>
  87.             </div>
  88.         </div>
  89.  
  90.         <!-- Scam Avoidance Dropdown -->
  91.         <div class="dropdown" title="dropdown">
  92.             <button class="dropbtn">Scam Avoidance <i class="fa fa-caret-down"></i></button>
  93.             <div class="dropdown-content">
  94.                 <a href="../scam-avoidance.html" style="border-radius: 16px 16px 0px 0px;"><b>Scam Avoidance</b></a>
  95.                 <a href="../common-scams.html">Common Scams <img src="../theme/glyphs/common-scams.png" height="15" alt="common scams"></a>
  96.                 <a href="../report-a-scam.html">Report a Scam <img src="../theme/glyphs/report.png" height="15" alt="report a scam"></a>
  97.                 <a href="../scam-avoidance-blog.html">Scam Avoidance Blog <img src="../theme/glyphs/blog.png" height="15" alt="scam avoidance blog"></a>
  98.                 <a href="../scam-avoidance-tips.html">Scam Avoidance Tips</a>
  99.                 <a href="../scam-info-updates.html" style="border-radius: 0px 0px 16px 16px;">Scam Info Updates <img src="../theme/glyphs/updates.png" height="15" alt="scam info updates"></a>
  100.             </div>
  101.         </div>
  102.  
  103.         <!-- Site Related Dropdown -->
  104.         <div class="dropdown" title="dropdown">
  105.             <button class="dropbtn">Site Related <i class="fa fa-caret-down"></i></button>
  106.             <div class="dropdown-content">
  107.                 <a href="../site-related.html" style="border-radius: 16px 16px 0px 0px;"><b>Site Related</b></a>
  108.                 <a href="../all-pages.html">All Pages <img src="../theme/glyphs/all-pages.png" height="12" style="vertical-align:baseline;" alt="all pages"></a>
  109.                 <a href="../changelog.html">Changelog</a>
  110.                 <a href="../downloads.html">Downloads <img src="../theme/glyphs/downloads.png" height="15" alt="downloads"></a>
  111.                 <a href="../get-help.html">Get Help <img src="../theme/glyphs/get-help.png" height="15" alt="get help"></a>
  112.                 <a href="../previews.html">Previews</a>
  113.                 <a href="../report-an-issue.html">Report an Issue <img src="../theme/glyphs/report.png" height="15" alt="report an issue"></a>
  114.                 <a href="../saved-site-revisions.html" style="border-radius: 0px 0px 16px 16px;">Saved Site Revisions <img src="../theme/glyphs/floppy.png" height="15"></a>
  115.             </div>
  116.         </div>
  117.  
  118.         <!-- Help & Contact Dropdown -->
  119.         <div class="dropdown" title="dropdown">
  120.             <button class="dropbtn">Help & Contact <i class="fa fa-caret-down"></i></button>
  121.            <div class="dropdown-content">
  122.                <a href="../help-contact.html" style="border-radius: 16px 16px 0px 0px;"><b>Help & Contact</b></a>
  123.                <a href="../contact-me.html">Contact Me <img src="../theme/glyphs/contact-me.png" height="15" alt="contact me"></a>
  124.                <a href="../website-survey.html">Site Survey <img src="../theme/glyphs/survey.png" height="15" alt="site survey"></a>
  125.                &nbsp;
  126.                 <a href="https://m.youtube.com/channel/UC_xMgHdzp5AWR7rVZ89-sYg">YouTube <img src="../theme/glyphs/triangle.png" height="15" alt="youtube"></a>
  127.                 <a href="https://twitter.com/theiphonefan"> 𝕏</a>
  128.                 <a href="https://www.instagram.com/theiphonefan_/">Instagram 📷</a>
  129.                 <a href="mailto:jordan.theiphonefan@gmail.com" style="border-radius: 0px 0px 16px 16px;">Mail ✉️</a>
  130.             </div>
  131.         </div>
  132.     </div>
  133.     </div>
  134.  
  135.     <!-- Sidebar Button -->
  136.     <button class="openbtn" onclick="toggleSidebar()" title="sidebar button">☰</button>
  137.  
  138.     <div class="sidebar" id="mySidebar">
  139.         <h3 style="color:black;margin-top:40px;">TheiPhoneFan.com</h3>
  140.         <a href="../index.html">Home <img src="../theme/glyphs/home.png" height="15" alt="home"></a>
  141.         <details>
  142.             <summary>Channel Related</summary>
  143.             <a href="../channel-related.html"><b>Channel Related</b></a>
  144.             <a href="https://www.youtube.com/@theiphonefan761/about">Channel Info <img src="../theme/glyphs/channel-info.png" height="15" alt="channel info"></a>
  145.             <a href="../music-i-use.html">Music I Use <img src="../theme/glyphs/music-i-use.png" height="15" alt="music i use"></a>
  146.             <a href="../my-playlists.html">My Playlists <img src="../theme/glyphs/triangle.png" height="15" alt="my playlists"></a>
  147.             <a href="../my-top-5-vids.html">My Top 5 Vids <img src="../theme/glyphs/triangle.png" height="15" alt="top 5 vids"></a>
  148.             <a href="../my-videos.html">My Videos <img src="../theme/glyphs/triangle.png" height="15" alt="my videos"></a>
  149.             <a href="../thumbnail-design.html">Thumbnail Design <img src="../theme/glyphs/thumbnail-design.png" height="15" alt="thumbnail design"></a>
  150.             <hr>
  151.         </details>
  152.         <details>
  153.             <summary>Content</summary>
  154.             <a href="../content.html"><b>Content</b></a>
  155.             <a href="../apple-archive.html">Apple Archive <img src="../theme/glyphs/apple.png" height="15" alt="apple archive"></a>
  156.             <a href="../apple-concepts.html">Apple Concepts <img src="../theme/glyphs/apple.png" height="15" alt="apple concepts"></a>
  157.             <a href="../articles.html">Articles <img src="../theme/glyphs/articles.png" height="15" alt="articles"></a>
  158.             <a href="../blog.html">Blog <img src="../theme/glyphs/blog.png" height="15" alt="blog"></a>
  159.             <a href="../clipart.html">Clipart <img src="../theme/glyphs/clipart.png" height="15" alt="clipart"></a>
  160.             <a href="../my-photography.html">My Photography <img src="../theme/glyphs/my-photography.png" height="15" alt="my photography"></a>
  161.             <a href="../wallpapers.html">Wallpapers <img src="../theme/glyphs/wallpapers.png" height="20" alt="wallpapers"></a>
  162.             <hr>
  163.         </details>
  164.         <details>
  165.             <summary>Scam Avoidance</summary>
  166.             <a href="../scam-avoidance.html"><b>Scam Avoidance</b></a>
  167.             <a href="../common-scams.html">Common Scams <img src="../theme/glyphs/common-scams.png" height="15" alt="common scams"></a>
  168.             <a href="../report-a-scam.html">Report a Scam <img src="../theme/glyphs/report.png" height="15" alt="report a scam"></a>
  169.             <a href="../scam-avoidance-blog.html">Scam Avoidance Blog <img src="../theme/glyphs/blog.png" height="15" alt="scam avoidance blog"></a>
  170.             <a href="../scam-avoidance-tips.html">Scam Avoidance Tips</a>
  171.             <a href="../scam-info-updates.html">Scam Info Updates <img src="../theme/glyphs/updates.png" height="15" alt="scam info updates"></a>
  172.             <hr>
  173.         </details>
  174.         <details>
  175.             <summary>Site Related</summary>
  176.             <a href="../site-related.html"><b>Site Related</b></a>
  177.             <a href="../all-pages.html">All Pages <img src="../theme/glyphs/all-pages.png" height="12" style="vertical-align:baseline;" alt="all pages"></a>
  178.             <a href="../changelog.html">Changelog</a>
  179.             <a href="../downloads.html">Downloads <img src="../theme/glyphs/downloads.png" height="15" alt="downloads"></a>
  180.             <a href="../get-help.html">Get Help <img src="../theme/glyphs/get-help.png" height="15" alt="get help"></a>
  181.             <a href="../previews.html">Previews</a>
  182.             <a href="../report-an-issue.html">Report an Issue <img src="../theme/glyphs/report.png" height="15" alt="report an issue"></a>
  183.             <a href="../saved-site-revisions.html">Saved Site Revisions <img src="../theme/glyphs/floppy.png" height="15" alt="saved site revisions"></a>
  184.             <hr>
  185.         </details>
  186.         <details>
  187.             <summary>Help & Contact</summary>
  188.            <a href="../help-contact.html"><b>Help & Contact</b></a>
  189.            <a href="../contact-me.html">Contact Me <img src="../theme/glyphs/contact-me.png" height="15" alt="contact me"></a>
  190.            <a href="../website-survey.html">Site Survey <img src="../theme/glyphs/survey.png" height="15" alt="site survey"></a>
  191.            <hr>
  192.        </details>
  193.  
  194.        <div style="margin-bottom:20px;text-align:center;">
  195.             <a href="https://www.youtube.com/channel/UC_xMgHdzp5AWR7rVZ89-sYg" style="padding:0px;background-color:transparent;display:inline;">
  196.                 <img src="./theme/social-icons/youtube-social.png" alt="My YouTube Channel" width="40">
  197.             </a>
  198.             <a href="https://twitter.com/theiphonefan" style="padding:0px;background-color:transparent;display:inline;">
  199.                 <img src="./theme/social-icons/x-social.png" alt="My X Account" width="40">
  200.             </a>
  201.             <a href="https://instagram.com/theiphonefan_/" style="padding:0px;background-color:transparent;display:inline;">
  202.                 <img src="./theme/social-icons/instagram-social.png" alt="My Instagram Account" width="40">
  203.             </a>
  204.             <a href="mailto:jordan.theiphonefan@gmail.com" style="padding:0px;background-color:transparent;display:inline;">
  205.                 <img src="./theme/social-icons/mail-social.png" alt="Email Me" width="40">
  206.             </a>
  207.         </div>
  208.     </div>
  209.  
  210.     <!-- Displays If JavaScript Is Disabled -->
  211.     <noscript>
  212.         <img src="../theme/critical-error.png" style="border-radius:4px;" width="30px">
  213.         Your browser does not support JavaScript or it is disabled. To use all site features, please enable JavaScript or try another browser.
  214.     </noscript>
  215.  
  216.     <!-- Page Title & Info -->
  217.     <h1>Avoiding Scams: Use These Helpful Tips To Safeguard Yourself</h1>
  218.     <p>Scammers have many tricks to scam you, on here I have listed many of them so you can know when you are about to get scammed.</p>
  219.     <time datetime="2024-03-30" pubdate="pubdate"><b>Last Updated:</b> March 30, 2024</time>
  220.     <!-- Twitter Share Button -->
  221.     <div class="twitter-share-button">
  222.         <a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-size="large" data-related="theiphonefan" data-show-count="false">Tweet</a>
  223.         <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
  224.     </div>
  225.     <!-- Page Content -->
  226.     <!-- Table Of Contents -->
  227.     <details>
  228.         <summary>Table Of Contents</summary>
  229.         <ol>
  230.             <li><a href="#would-this-company-call-me">Would this company call me?</a></li>
  231.             <li><a href="#why-am-i-stressed">Why am I being made so stressed about this?</a></li>
  232.             <li><a href="#different-looking-sites">Why does this website look different?</a></li>
  233.             <li><a href="#searching-sites-on-google">Don’t search for websites on Google</a></li>
  234.             <li><a href="#google-form-sign-ins">Sign-in or Google Form?</a></li>
  235.         </ol>
  236.     </details>
  237.  
  238.     <!-- Would this company call me?-->
  239.     <h3 id="would-this-company-call-me">Would this company call me?</h3>
  240.     <p>A very common scam is the Amazon one that involves you getting a scam call from a scammer impersonating Amazon claiming there is a charge on your Amazon account. One of the main reasons this would stick to me is if there was an unknown charge on my Amazon account, Amazon probably wouldn't call me. They would send you an email, and your bank would also likely notify you of a large unknown charge.</p>
  241.  
  242.     <!-- Why am I being made so stressed about this? -->
  243.     <h3 id="why-am-i-stressed">Why am I being made so stressed about this?</h3>
  244.     <p>Scammers will present a very large issue to someone all at once and may use time pressure to make a person very worried about it to make them make a nervous decision in the moment of giving their info to the scammer.</p>
  245.  
  246.     <!-- Why does this website look different? -->
  247.     <h3 id="different-looking-sites">Why does this website look different?</h3>
  248.     <p>Usually, when scammers create fake websites, they don’t do a very good job of recreating them. That causes the site to look different, sometimes people notice the differences, but still, believe it is the real site. So, if you are ever on a site and it looks suspiciously different, you should not submit any personal info to it, or take any information on it seriously.</p>
  249.     <img src="../scam-avoidance-blog/assets/scam-avoidance-tips/amazon-website-comp.png" class="amazon-website-comp-img" alt="Comparison of Amazon websites; left screen depicts a scam Amazon website, while the right screen showcases the authentic Amazon website.">
  250.     <figcaption style="margin-top:10px;">A Fake Amazon Concept I Created Compared to the Real Website</figcaption>
  251.  
  252.     <!-- Don’t search for websites on Google -->
  253.     <h3 id="searching-sites-on-google">Don’t search for websites on Google</h3>
  254.     <p>A common mistake that many people make is searching for a website on Google. This means they would be on google.com, then they search the website name in the Google Search section. You should avoid doing this because scammers can make their fake websites show up in Google Search to trick people into believing the site is real, and you are not likely to find the correct site if is a specific name.</p>
  255.  
  256.     <!-- Sign-in or Google Form? -->
  257.     <h3 id="google-form-sign-ins">Sign-in or Google Form?</h3>
  258.     <div class="flex-box">
  259.         <div>
  260.             <img src="../scam-avoidance-blog/assets/scam-avoidance-tips/real-fake-sign-ins.png" class="fake-real-surveys" alt="Screenshots showing PNC online banking log ins, with an example of a scam sign-in on the left">
  261.             <figcaption class="fake-real-surveys-caption">A Fake PNC Bank Sign-In I Created Compared to the Real Sign-In</figcaption>
  262.         </div>
  263.         <div>
  264.             <p>A somewhat common trick involves scammers doing something (such as emailing you) asking you to sign in to a product or service. They will provide a link to a Google Form to have you sign in the “product/service”. However, they are just taking your information (such as your username and password) to get into the real service pretending to be you. On a Google Form, the website address (the text at the top with the site name) will be something like forms.gle, and the form will have the text “Google Forms” at the bottom.</p>
  265.         </div>
  266.     </div>
  267.  
  268.     <!-- Divider -->
  269.     <hr>
  270.  
  271.     <!-- Back To Top Button -->
  272.     <div class="topbtn">
  273.         <a href="#page-top">
  274.             <img src="../theme/action-icons/to-top.png" alt="back to the top of the page button" style="border-radius:20%;" width="40px">
  275.         </a>
  276.     </div>
  277.  
  278.     <script>
  279.         // JavaScript function to toggle the sidebar //
  280.         function toggleSidebar() {
  281.             var sidebar = document.getElementById('mySidebar');
  282.             if (sidebar.style.left === '0px') {
  283.                 sidebar.style.left = '-310px';
  284.                 document.getElementsByClassName('openbtn')[0].innerHTML = '☰';
  285.             } else {
  286.                 sidebar.style.left = '0px';
  287.                 document.getElementsByClassName('openbtn')[0].innerHTML = '×';
  288.             }
  289.         }
  290.     </script>
  291. </body>
  292.  
  293. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!