https://boomhand.com/

1<!DOCTYPE html>
2<html>
3  <head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1">
6    <title>👊 Boomhand - web & mobile app development</title>
7
8    <!--    Bootstrap CSS     -->
9    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
10
11    <!-- update the version number as needed -->
12    

12<script defer src="/__/firebase/9.6.1/firebase-app-compat.js"></script>

12
13    <!-- include only the Firebase features as you need -->
14    

14<script defer src="/__/firebase/9.6.1/firebase-auth-compat.js"></script>

14
15    

15<script defer src="/__/firebase/9.6.1/firebase-database-compat.js"></script>

15
16    

16<script defer src="/__/firebase/9.6.1/firebase-firestore-compat.js"></script>

16
17    

17<script defer src="/__/firebase/9.6.1/firebase-functions-compat.js"></script>

17
18    

18<script defer src="/__/firebase/9.6.1/firebase-messaging-compat.js"></script>

18
19    

19<script defer src="/__/firebase/9.6.1/firebase-storage-compat.js"></script>

19
20    

20<script defer src="/__/firebase/9.6.1/firebase-analytics-compat.js"></script>

20
21    

21<script defer src="/__/firebase/9.6.1/firebase-remote-config-compat.js"></script>

21
22    

22<script defer src="/__/firebase/9.6.1/firebase-performance-compat.js"></script>

22
23    <!-- 
24      initialize the SDK after all desired features are loaded, set useEmulator to false
25      to avoid connecting the SDK to running emulators.
26    -->
27    

27<script defer src="/__/firebase/init.js?useEmulator=true"></script>

27
28
29    <style media="screen">
30      body { background: #ECEFF1; color: rgba(0,0,0,0.87); font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0; padding: 0; }
31      #message { background: white; max-width: 360px; margin: 100px auto 16px; padding: 32px 24px; border-radius: 3px; }
32      #message h2 { color: #ffa100; font-weight: bold; font-size: 16px; margin: 0 0 8px; }
33      #message h1 { font-size: 22px; font-weight: 300; color: rgba(0,0,0,0.6); margin: 0 0 16px;}
34      #message p { line-height: 140%; margin: 16px 0 24px; font-size: 14px; }
35      #message a { display: block; text-align: center; background: #039be5; text-transform: uppercase; text-decoration: none; color: white; padding: 16px; border-radius: 4px; }
36      #message, #message a { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
37      #load { color: rgba(0,0,0,0.4); text-align: center; font-size: 13px; }
38      @media (max-width: 600px) {
39        body, #message { margin-top: 0; background: white; box-shadow: none; }
40        body { border-top: 16px solid #ffa100; }
41      }
42    </style>
43  </head>
44  <body>
45
46  <section id="main" class="main section-bg">
47    <div class="container" >
48      <div class="row">
49        <div id="message">
50          <h1>Boom👊hand</h1>
51          <h2>Web & Mobile Applications Development</h2>
52          <p>For all inquiries: [email protected]</p>
53          <!--          <div style="width:100%;height:0;padding-bottom:56%;position:relative;"><iframe src="https://giphy.com/embed/3oz8xsRKgCWlzkqT7y" width="100%" height="100%" style="position:absolute" frameBorder="0" class="giphy-embed" allowFullScreen></iframe></div><p><a href="https://giphy.com/gifs/tipsyelves-yeah-boom-3oz8xsRKgCWlzkqT7y">via GIPHY</a></p>-->
54        </div>
55        <p id="load">Loading&hellip;</p>
56      </div>
57    </div>
58  </section>
59
60
61    <!--    Bootstrap JS      -->
62    

62<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>

62
63
64    <!--    Firebase JS      -->
65    

65<script>
66      document.addEventListener('DOMContentLoaded', function() {
67        const loadEl = document.querySelector('#load');
68        // // 🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥
69        // // The Firebase SDK is initialized and available here!
70        //
71        // firebase.auth().onAuthStateChanged(user => { });
72        // firebase.database().ref('/path/to/ref').on('value', snapshot => { });
73        // firebase.firestore().doc('/foo/bar').get().then(() => { });
74        // firebase.functions().httpsCallable('yourFunction')().then(() => { });
75        // firebase.messaging().requestPermission().then(() => { });
76        // firebase.storage().ref('/path/to/ref').getDownloadURL().then(() => { });
77        // firebase.analytics(); // call to activate
78        // firebase.analytics().logEvent('tutorial_completed');
79        // firebase.performance(); // call to activate
80        //
81        // // 🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥
82
83        try {
84          let app = firebase.app();
85          let features = [
86            'auth', 
87            'database', 
88            'firestore',
89            'functions',
90            'messaging', 
91            'storage', 
92            'analytics', 
93            'remoteConfig',
94            'performance',
95          ].filter(feature => typeof app[feature] === 'function');
96          // loadEl.textContent = `Firebase SDK loaded with ${features.join(', ')}`;
97          loadEl.textContent = `©Boomhand, LLC, 2020`;
98        } catch (e) {
99          console.error(e);
100          // loadEl.textContent = 'Error loading the Firebase SDK, check the console.';
101          loadEl.textContent = 'Error.';
102        }
103      });
104    </script>

104
105  </body>
106</html>