YoungVisual/YoungVisual(servizi).html at main · AlexCoder99/YoungVisual · 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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
<html>

<head>
    <title>YoungVisual's Website</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=0">
    <link rel="shortcut icon" type="image/png" href="young/logo.png">
    <link rel="stylesheet" href="youngvisual-styles.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
     integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
    <script src="youngvisual-script.js" defer></script>
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"
    integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="
    crossorigin="anonymous" defer></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
    crossorigin="anonymous" defer></script>

</head>

<body>
    <div class="container-fluid">

        <header>
            <a href="#" class="navbar-header"><img src="young/logo.png" id="logo"></a>

                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ham"
                aria-controls="#ham" aria-expanded="false" aria-label="Toggle navigation" style="float:right">
                    <img src="young/hamburger-menu.png" id="menuham">
                </button>


            <div class="collapse navbar-collapse" id="ham">
                <ul class="nav navbar-nav row">
                    <li class="col-md"><a href="index.html">Home</a></li>
                    <li class="col-md"><a href="YoungVisual(servizi).html">Servizi</a></li>
                    <li class="col-md"><a href="YoungVisual(contatti).html">Contatti</a></li>
                    <li class="col-md"><a href="YoungVisual(chi).html">Chi Siamo</a></li>
                </ul>
            </div>

        </header>

    </div>


    <div class="carousel slide carousel-fade " id="Welcome" data-ride="carousel" data-interval="5000" data-pause="false" data-wrap="true">
    <ol class="carousel-indicators">
        <li data-target="#Welcome" data-slde-to="0" class= "active"></li>
        <li data-target="#Welcome" data-slde-to="1" class= "inactive"></li>
        <li data-target="#Welcome" data-slde-to="2" class= "inactive"></li>
    </ol>
    <div class= "carousel-inner">
        <div class="carousel-item active">
            <img src="Carousel/NeonCity_re.jpg" class="img-fluid">
        </div>
        <div class="carousel-item">
            <img src="Carousel/Bridge_re.jpg" class="img-fluid">
        </div>
        <div class="carousel-item">
            <img src="Carousel/NeonPyramids_re.jpg" class="img-fluid">
        </div>
    </div>

    <a class="carousel-control-prev" href="#Welcome" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="sr-only">Previous</span> </a>
        <a class="carousel-control-next" href="#Welcome" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
          </a>
    </div>


    <div class="container-fluid">
        <div class="row nav">
            <div class="col-sm-12 col-md-2 col-lg-2 thumb"><a href="index.html">Home</a></div>
            <div class="col-sm-12 col-md-2 col-lg-2 thumb"><a href="YoungVisual(servizi).html">Servizi</a></div>
            <div class="col-sm-12 col-md-2 col-lg-2 thumb"><a href="YoungVisual(contatti).html">Contatti</a></div>
            <div class="col-sm-12 col-md-2 col-lg-2 thumb"><a href="YoungVisual(chi).html">Chi Siamo</a></div>
        </div>

    </div>


    <div class= "container serv">
        <div class="card">
            <picture>
                <source media="(max-width: 992px)" srcset="young/graphs-reduced.png">
                <source media="(min-width: 993px)" srcset="young/grapho.png">
                <img class="card-img" src="young/graphs-reduced.png">
            </picture>

            <div class="card-img-overlay d-flex flex-column justify-content-center">
                <h2 class="card-title"> Cos'è YoungVisual? </h2>
                        <p class="card-text main"> YoungVisual è un'azienda nuova e giovane che si adatta costantemente ai tempi e i cui confini professionali sono fluidi.
                        Tuttavia il fulcro su cui ruota la nostra visione è rappresentato dal digitale. </p>

                    <p class="card-text sub"> Le nostre competenze abbracciano un vasto range di campi in questo settore:
                    dal web development alla consulenza aziendale, dall'editing al marketing in tutte le sue varie sfumature,
                    con particolare attenzione all'uso di strumenti di web marketing riguardanti SEO (Search Engine Optimization),
                    SML (Social Media Listening), DEM (Direct Email Marketing).</p>
            </div>
        </div>
    </div>


     <div class="container content">
        <div class="row py-20">


            <div class="col-md-6 area">
                <div class="card">
                    <img src="young/web-marketing.jpg" alt="" class="img-fluid cards">
                    <h5 class="card-header" style="text-align:center">Web Marketing</h5>
                    <div class="card-body">
                        <p class="card-text">Attraverso l'attività di ottimizzazione per i motori di ricerca (migliorando il posizionamento del proprio sito nelle SERP),
                                            di estrazione di informazioni dai canali social riguardo l'opinione della
                                            propria azienda (attraverso strumenti SML), di promozione del proprio marchio tramite mail (DEM),
                                            puntiamo ad aumentare significativamente il tasso di conversione dei visitatori in clienti. </p>
                    </div>
                </div>
            </div>


            <div class="col-md-6 area">
                <div class="card">
                    <img src="young/web-development.jpg" alt="" class="img-fluid cards">
                    <h5 class="card-header" style="text-align:center">Web Development</h5>
                    <div class="card-body">
                       <p class="card-text">Creiamo siti aziendali e piattaforme di e-commerce totalmente dinamici grazie a
                                            competenze full-stack. Siamo esperti sia in linguaggi di scripting client-side (JavaScript e le sue librerie)
                                            che server-side (PHP, Python, .NET) oltre che nella gestione di database relazionali (mySQL e Oracle),
                                            in modo da garantire al cliente la migliore user experience digitale. </p>
                    </div>
                </div>
            </div>


            <div class="col-md-6 area">
                <div class="card">
                    <img src="young/editing.jpg" alt="" class="img-fluid cards">
                    <h5 class="card-header" style="text-align:center">Editing</h5>
                    <div class="card-body">
                        <p class="card-text">Creiamo contenuti multimediali di alto livello grazie alla padronanza
                                            della suite Adobe Creative Cloud (dal fotoritocco alla creazione di loghi e locandine,
                                            al montaggio video e all'animazione grafica) e di altri programmi quali
                                            VEGAS Pro e DaVinci Resolve (video & color editing).</p>

                    </div>
                </div>
            </div>


            <div class="col-md-6 area">
                <div class="card">
                    <img src="young/consult.jpg" alt="" class="img-fluid cards" >
                    <h5 class="card-header" style="text-align:center">Consulenza Aziendale</h5>
                    <div class="card-body">
                        <p class="card-text">Al fine di aiutare nel miglior modo possibile il nostro cliente
                             mettiamo in atto un processo iterativo di problem-solving definito HCD
                            (human-centered design): dopo un'attenta osservazione e interrogazione sul business
                             model dell'attività del cliente (attraverso attività quali problem framing,
                            profilazione delle buyer personas, market fit e customer discovery) estrapoliamo dati chiave alla risoluzione
                            dei problemi; questi dati vengono analizzati attraverso un approccio PAR (participatory action research),
                            attraverso il quale si producono idee fondate su ipotesi nate durante la fase di osservazione che
                            vengono poi concretizzate in un piano d'azione da presentare all'azienda.
                        </p>

                    </div>
                </div>
            </div>


        </div>
    </div>

    <div class="card" style="background-color: #cec8c8; border-radius:0">
        <div class="container ">
            <div class="card-body text-center footer">
                <blockquote>
            <p id="A">Citazione</p>
                <footer class="blockquote-footer" id="B"><cite></cite></footer>
                </blockquote>
            </div>
        </div>
    </div>


</body>

</html>