HTML-CSS-Beginner-Friendly-Conference/index.html at main · alexjilavu29/HTML-CSS-Beginner-Friendly-Conference · 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
<!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="css/general.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/hero.css">
    <link rel="stylesheet" href="css/services.css">
    <title>Proiect Conferinta</title>
</head>
<body>
    <header>
        <div class="headerdiv">   <!--Partea stanga din header-->
            <a><div class="navdivimg"><!--Logo firma-->
                <img src = "images/logo3.svg" id="logo" alt="Logo"/>
            </div></a>
           <button id="navleftbutton"><!--Sectiune buton langa logo-->
            Be up-to-date with the online world!
        </button>
        </div>
        <div class="headerdiv">   <!--Partea dreapta din header-->
            <a href="#services"><div class="navdiv"> <!--Ce vă putem oferi-->
                Services
            </div> </a>
            <a><div class="navdiv"> <!--Contact-->
                Contact
            </div> </a>
            <a><div class="navdiv" id="haisavorbim">    <!--Hai la noi!-->
                Let's talk!
            </div> </a>
        </div>
    </header>
    <main>
        <section id="hero">
            <div>
                <h1>Innovating the Future</h1>
                <p>Harness the power of cutting-edge technology and
                expert software solutions to transform your ideas into reality.</p>
            </div>
        </section>
        <section id="services">
            <div class="sectiontitlediv">
                <h1>Our Services</h1>
                <p>Discover the ways we can help you</p>
            </div>
            <div id="servicegallery">
                <div class="servicecard">
                    <div class="cardicon">
                        <img src = "images/interface.svg"  class="icon" alt="Interface"/>
                    </div>
                    <div class="carddescription">
                        <h3>Interface Design</h3>
                        <p>Crafting intuitive and visually appealing user interfaces for seamless digital experiences.</p>
                    </div>

                </div>
                <div class="servicecard">
                    <div class="cardicon">
                        <img src = "images/database.svg" class="icon" alt="Database"/>
                    </div>
                    <div class="carddescription">
                        <h3>Database Management</h3>
                        <p>Efficient management and optimization of databases for robust and scalable data solutions.</p>
                    </div>

                </div>
                <div class="servicecard">
                    <div class="cardicon">
                        <img src = "images/api.svg" class="icon" alt="API"/>
                    </div>
                    <div class="carddescription">
                        <h3>API Implementation</h3>
                        <p>Seamlessly integrating APIs to enhance functionality and interoperability of your applications.</p>
                    </div>

                </div>
                <div class="servicecard">
                    <div class="cardicon">
                        <img src = "images/shield.svg" class="icon" alt="Security"/>
                    </div>
                    <div class="carddescription">
                        <h3>Cyber Security</h3>
                        <p>Fortifying digital assets with advanced security measures to safeguard against cyber threats.</p>
                    </div>

                </div>
            </div>
        </section>
    </main>
    <footer></footer>
</body>
</html>