cloud-computing-project/index.html at main · only1finesse/cloud-computing-project · GitHub

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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="sheet.css" type="text/css" />
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link
        href="https://fonts.googleapis.com/css2?family=Bree+Serif&family=Comfortaa:wght@300&family=Lobster&family=Playfair+Display&display=swap"
        rel="stylesheet">
    <script src="https://kit.fontawesome.com/3e9245a59d.js" crossorigin="anonymous"></script>
    <title>Cloud Computing</title>
    <style>
        h1 {
            font-size: 3em;
            margin-top: 0.5em;
        }

        .banner {
            max-width: 100%;
        }

        .sub-title {
            background-color: rgba(165, 165, 236, 0.473);
            font-size: 1.2em;
            padding: 10px;
            border-radius: 8px;
        }
    </style>

<body>
    <header>
        <nav>
            <a href="#"><img src="Images/logo_file.png" alt="Home" width="250px" style="text-align:left;"></a>

            <ul>
                <li><a href="aws.html">Aws</a></li>
                <li><a href="azure.html">Azure</a></li>
                <li><a href="gcp.html">Gcp</a></li>
                <li><a href="authors.html"> All Writers</a></li>
                <li> </li>
            </ul>
        </nav>
    </header>
    <main>
        <aside>
            <img src="Images/searchdata.png" alt="Search Cloud Computing" width="250px">
            <div class="wrapper">
                <input type="text" class="input" placeholder="search cloud computing">
                <div class="searchbutton">
                    <i class="fas fa-search"></i>
                </div>
            </div>
        </aside>

        <article>
            <h1> Welcome To Cloud Computing</h1>

            <img class="banner" src="Images/cloudcomputing1.jpg" alt="Cloud" width="750px"
                style="border-radius: 5px;" />
            <p class="sub-title">
                From Microsoft Azure to Google Cloud Platform, the need for working with different cloud platform is
                growing day by day. We help to narrow down your options by reducing the complexity in knowing what these
                different platforms actually do and what you need to know! Cloud Computing is essential for software
                developers, and we will be talking about the what's,how's, and why's for different platforms.

                <br>
                <br>
                We have outsourced various informations and collated them for more insight.
                Take a moment to browse through our <a href="contents.html">content</a> and see what platform is right
                for you as a business or individual.
                <br> Dive in!
            </p>
        </article>
    </main>

    <footer class="footer-distributed">
        <div class="footer-left">
            <h3>Cloud<span>Computing</span></h3>
            <p class="footer-links">
                <a href="#">Home</a>
                ·
                <a href="#">Social Media</a>
                ·
                <a href="https://github.com/only1finesse/cloud-computing-project/issues">GitHub</a>
                ·
                <a href="#">About</a>
                ·
                <a href="authors.html">Writers</a>
                ·
                <a href="#">Contact</a>
            </p>
            <p class="footer-company-name">cloud-computing &copy; 2020</p>
        </div>
        <div class="footer-center">
            <div>
                <i class="fa fa-map-marker"></i>
                <p><span>Puget Sound</span> WA, USA</p>
            </div>
            <div>
                <i class="fa fa-phone"></i>
                <p>+1 555 123456</p>
            </div>
            <div>
                <i class="fa fa-envelope"></i>
                <p><a href="mailto:support@cloudomputing.com">contact@webdevtrick.com</a></p>
            </div>
        </div>
        <div class="footer-right">
            <p class="footer-company-about">
                <span>Cloud Computing</span>
                ... All about the cloud
            </p>
            <div class="footer-icons">
                <a href="#"><i class="fa fa-facebook"></i></a>
                <a href="#"><i class="fa fa-twitter"></i></a>
                <a href="#"><i class="fa fa-linkedin"></i></a>
                <a href="https://github.com/only1finesse/cloud-computing-project/graphs/contributors?from=2020-11-01&to=2020-11-17&type=c"><i
                        class="fa fa-github"></i></a>
            </div>
        </div>

    </footer>
</body>

</html>