...
About CDN link
Cloud CDN (Content Delivery Network) uses Google's global edge network to serve content closer to users, which accelerates your websites and applications.
Cloud CDN works with the global external HTTP(S) load balancer or the global external HTTP(S) load balancer (classic) to deliver content to your users.
Working
A CDN is a network of servers that distributes content from an “origin” server throughout the world by caching content close to where each end user is accessing the internet via a web-enabled device.
The content they request is first stored on the origin server and is then replicated and stored elsewhere as needed.
A link to a CDN file won't work if you're developing offline.
That's rarely an issue, but some developers have temperamental internet connections or need to work on the move.
You also likely to require a build process or manual intervention when deploying your site to a live server.
Different types of CDN
There are basically two types of CDNs, a public and a private CDN.
A public CDN is managed by a CDN operator and is based on a pay-as-you-use model, typically charging a fee per GB.
The more content passes through a public CDN, the more money you owe the provider.
Bootstrap 5 CDN link
Paste the following link in head of index.html
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
ReactJS in HTML only Babel CDN link
To implement ReacrJS for web design with only simple html page put the following script in head of index.html
<script src="https://unpkg.com/react@18/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js" crossorigin></script>
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
In Body of index.html write React code in script section in body section
<body>
<div id="mydiv"></div>
<script type="text/babel">
function Hello() {
return <h1>Hello World!</h1>;
}
ReactDOM.render(<Hello />, document.getElementById('mydiv'))
</script>
</body>
jQuery Google CDN link
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
Font awesome Icon CDN link
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css">
<i class="fa fa-phone"></i>
<i class="fa fa-phone" style="font-size:48px;"></i>
<i class="fa fa-phone" style="font-size:60px;color:red;"></i>