Frontend_Practice/index.html at master · SuZeAI/Frontend_Practice · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="main.css">
    <link rel="stylesheet" href="./font/css/all.min.css">
    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <title>Document</title>
</head>
<body>
    <div class="flex">
        <h1 class="classic">Classic</h1>
        <ul class="list">
            <li class="a">
                <a href="https://raw.githubusercontent.com/colombo-group/psd-2019/master/25e801753c7dc19f/Classic%20-%20About.jpg" target="_blank">
                    <i class="fa fa-home"></i>
                </a>
            </li>
            <li class="a">new</li>
            <li class="a">tutorial</li>
            <li class="a">inspiration</li>
            <li class="a a1">wrodpress</li>
        </ul>
    </div>
    <div class="body">
        <div class="body__a">
            <h1 class="b">what we are all about </h1>
            <p class="pra">It's not always easy to filter out noise and purely focus on the content. Too many blogs and news sites are filled with colourful and distracting advertisement left right and centre. This is where we do things differently! Rather than just focusing purely and generating revenue, we focus on great user experience.
                <br> <br>
                You will notice that our news articles are content focused and free of any distractions. On top of that, we deliver content revolving design on a daily basis. Offering you insightful tutorials, techniques, design inspirations, mobile app development, coding, unique advertisements, and freebies.
                <br><br>
                Our focus is and forever will be to bring high quality resources to lean from and to be inspired. Visit us daily for new design related articles!
            </p>
        </div>
        <div>
            <h1 class="b">Meet Out Team</h1>
            <div  class="c">

                <div class="infor__image">
                    <img class="image" src="https://media.washingtonballet.org/app/uploads/2019/08/kimberly-thompson-1024x1024.jpg" alt="anh girl">
                    <p class="paragrap">
                        <b>Kimberly Thompson</b><br> Fouder & CEO<br><br> Kimberly is the fouder and tehe CEO of our company. with 10 years of experience in the tech industry, she ensures all operations are running smoothly.
                    </p>
                </div>
                <div class="infor__image">
                   <div><img class="image" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRn9cuRDFQuJATpa-CzL33BRLjbV-YN6XemH8FVZaN9zILp-yVwMV7YDDXcRA2148hv1e8&usqp=CAU" alt= "anh girl"></div>
                    <p class="paragrap">
                        <b>Rico Masi</b><br>Coder Master<br><br> There's no challege Rico can't tame! making sure everything is safe and secure on the back end, you can say that he's the heart of the team.
                    </p>
                </div>
                <div class="infor__image">
                   <img class="image" src="http://royalfoodproduct.com/images/pic3.jpg" alt="anh girl">
                    <p class="paragrap">
                        <b>Uku mason</b>
                        <br>Marketing Expert<br><br>Not your average marketer. Uku manages everything from,marketing and finance to customer relation.
                    </p>
                </div>
                <div class="infor__image">
                   <img class="image" src="https://secure.gravatar.com/avatar/9a65ec97c85fdbe59ac58832790a9506?s=500&r=r" alt="image">
                    <p class="paragrap">
                        <b>Blaz Robar</b><br>Design Guru<br><br> A hoghly experienced UVUX designer, Blaz brings our ideas to life with his beatifull visual designs.
                    </p>
                </div>
                <div class="infor__image">
                   <img class="image" src="https://res.cloudinary.com/crunchbase-production/image/upload/c_thumb,h_170,w_170,f_auto,g_faces,z_0.7,b_white,q_auto:eco,dpr_1/lhryco9zlkajkogsmu28" alt="anh girl">
                    <p class="paragrap">
                        <b>Jamie Adams</b><br>Assistant<br> <br> Don't let the picture fool you . Jamie is glue that holds our team together! Managing everything from recuitments, social gatherings, and everyday operation.
                    </p>
                </div>

            </div >
        </div>
        <div class="footer">
            <div class="footer--1">
                <ul class="footer__list">
                    <li class="d">Home</li>
                    <li class="d">About</li>
                    <li class="d">acchire</li>
                    <li class="d">contact</li>
                </ul>
            </div>
            <div class="footer--2">
                <p class="footer--2--style">
                    <i class="fa fa-facebook-square"></i>          <i class="fa fa-youtube-play"></i>       <i class="fa fa-twitter"></i>       <i class="fa fa-google-plus"></i>
                </p>
            </div>
            <div class="footer--3">
                <p class="e"><i class="fa fa-copyright"></i>Copyright 2013 DesignerFist.com</p>
            </div>
        </div>
    </div>
</body>
</html>l
Footer
© 2022 GitHub, Inc.
Footer navigation
Terms
Privacy
Security
Status
Docs
Contact GitHub
Pricing
API
Training
Blog
About